HTML/CSS - 齐平对齐？

我试图创建一个设计，我有一个图像的div，然后下一个上一个/下一个按钮是齐平的图像/格。我遇到了一些问题，因为两者之间总有一些空间。HTML/CSS - 齐平对齐？

enter image description here

红色的是什么，我试图消除，我似乎无法找到在那里的来源。目前它是红色的，因为我分配了一个背景颜色来干燥，以找出为什么这个空间被创建/挤压它。

这里是我的HTML：

<div class="picture"> 

     <a href="/galleries/6"> 
     <img alt="Preview_firefox_wallpaper" src="/uploads/unlocked_image/file/6/preview_Firefox_wallpaper.png?1311526840" /> 

</a>   
     <div class="pagination"><span class="previous_page disabled">&#8592; Previous</span> <a class="next_page" rel="next" href="/galleries?page=2">Next &#8594;</a></div>   
    </div>

，这里是我的CSS，我想这个问题是在这里，但我似乎无法找到它......感谢您的帮助，我一直在挣扎这种方式太长了。

/* galleries#index */ 

.time { 
    font-size: 16px; 
    color: #333333; 
} 

#image_description { 
    clear: both; 
} 

/* _picture */ 

div .picture { 
    width: 642px; 
    margin: auto; 
    background-color: red; 
} 

.logo { 
    width: 140px; 
    float: left; 
    height: 38px; 
    color: #FFFFFF; 
    background-color: #000000; 
    font-size: 28px; 
    font-weight: 400; 
} 

.logo a a:visited{ 
    color: #FFFFFF; 
} 

.logo a:visited{ 
    color: #FFFFFF; 
} 

.logo a:hover{ 
    text-decoration: none; 
} 

/* pagination */ 

.pagination { 
    height: 38px; 
    float: right; 
} 

.next_page {  
    color: #FFFFFF; 
    background-color: #3399FF; 
    color: #333333; 
    font-size: 28px; 
    font-weight: 400; 
} 

.previous_page {  
    color: #FFFFFF; 
    background-color: #FF66CC; 
    color: #333333; 
    font-size: 28px; 
    font-weight: 400; 
}

来源

2011-07-25 Kombo

添加以下内容：

.picture img{ 
    display:block; 
}

这是一个已知错误，内嵌图片引起。请参阅here。

来源

2011-07-25 16:12:54 amosrivera

错误？更像[功能]（https://bugzilla.mozilla.org/show_bug.cgi?id=22274#c37）。 – You

或者，您可以尝试不同的图像垂直对齐值。我记得，我获得了一个很好的结果，将内嵌图像垂直移动到底部。

来源

2011-07-25 17:45:46 Bardt

HTML/CSS - 齐平对齐？

回答

相关问题