我正在处理我的网站标题,它的左下角有一个 Logo 图像 (100 像素 x 100 像素) 和一个使用 css 表格属性垂直居中对齐的导航栏。 Logo 图像和导航栏 UL 元素都位于宽度为 100% 的 #header div 中。
在不破坏布局的情况下缩小 Logo 和导航元素之间的差距的最佳方法是什么?
添加了边框,以便于区分元素。我也在使用 Twitter Bootstrap 框架。
我的页面的 HTML 可以在这里找到:http://pastebin.com/RpgcPDdh
这是我的 CSS:
#wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: medium none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
margin: 0 auto;
padding: 0 50px;
}
body {
background: url("images/maze_bg.png") repeat scroll 0 0 #DDDDDD
}
#header {
display: table;
padding: 20px 0;
width: 100%;
}
#header ul{
border: solid 1px red;
display: table-cell;
vertical-align: middle;
}
#header img{
border: solid 1px blue;
}
感谢任何帮助。
最佳答案
投入一个
margin-right: 20px;
或 #header ul
上的内容。这会将它向左移动。
关于css - 如何减少 100% 宽度 div 中两个元素之间的间隙?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15013215/