我有一个小问题,但我不能解决它。我有一个864px宽度的内容标题,背景图像重复-y和页脚图像。现在我有了背景图像上的这个<div>
,我希望它的宽度大约为855px,文本左对齐,但居中对齐,以便它适合bg。
我有一次它的宽度,一些填充左,但我认为这是正确的填充我的屏幕分辨率。
简单来说就是:设置一个div的宽度-- div居中对齐--文本(内容)左对齐。
发布于 2011-08-05 14:27:04
在内部div上设置自动边距:
<div id="header" style="width:864px;">
<div id="centered" style="margin: 0 auto; width:855px;"></div>
</div>
或者,文本将父级居中对齐,并强制文本在内部div上左对齐:
<div id="header" style="width:864px;text-align: center;">
<div id="centered" style="text-align: left; width:855px;"></div>
</div>
发布于 2011-08-05 14:26:38
尝试:
#your_div_id {
width: 855px;
margin:0 auto;
text-align: center;
}
发布于 2011-08-05 14:25:26
使用自动边距。
div {
margin-left: auto;
margin-right: auto;
width: NNNpx;
/* NOTE: Only works for non-floated block elements */
display: block;
float: none;
}
在SimpleBits CSS Centering 101上进一步阅读
https://stackoverflow.com/questions/6952233
复制相似问题