如何使用CSS对齐元素?
我试图在同一行上显示箭头和图像。我如何做到这一点?(我正在使用HTML5样板) 我需要的是: 我现在所拥有的: 当前代码: HTML:如何使用CSS对齐元素?,css,html,html5boilerplate,Css,Html,Html5boilerplate,我试图在同一行上显示箭头和图像。我如何做到这一点?(我正在使用HTML5样板) 我需要的是: 我现在所拥有的: 当前代码: HTML: CSS: 链接栏{ 宽度:90%; 左边距:自动; 右边距:自动; 明确:两者皆有; } #linkbarinternal{ 边框顶部:2个实心#aa0000; 边框底部:2个实心#aa0000; 宽度:500px; 溢出:隐藏; 空白:nowrap; } #linkbar ul,#linkbar li{ 显示:内联; 填充:0px;
CSS:
链接栏{
宽度:90%;
左边距:自动;
右边距:自动;
明确:两者皆有;
}
#linkbarinternal{
边框顶部:2个实心#aa0000;
边框底部:2个实心#aa0000;
宽度:500px;
溢出:隐藏;
空白:nowrap;
}
#linkbar ul,#linkbar li{
显示:内联;
填充:0px;
}
框大小:边框框
显示:内联块代码>
您还必须处理边距、填充和/或元素高度。您是否尝试过
溢出:隐藏代码>?为溢出设置linkbarinternal的宽度:隐藏以工作。@SamR。是的,似乎不会影响对齐问题。也许我遗漏了什么?@ChristopherMarshall它在chrome和firefox上都没有明确设置宽度。我现在定了一个,谢谢。另外,我不知道盒子大小,谢谢你的新信息!