设置div宽度，div居中对齐，文本左对齐
设置div宽度，div居中对齐，文本左对齐
提问于 2011-08-05 14:21:33
我有一个小问题，但我不能解决它。我有一个864px宽度的内容标题，背景图像重复-y和页脚图像。现在我有了背景图像上的这个<div>，我希望它的宽度大约为855px，文本左对齐，但居中对齐，以便它适合bg。
我有一次它的宽度，一些填充左，但我认为这是正确的填充我的屏幕分辨率。
简单来说就是:设置一个div的宽度-- div居中对齐--文本(内容)左对齐。
回答 4
Stack Overflow用户
发布于 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>Stack Overflow用户
发布于 2011-08-05 14:26:38
尝试：
#your_div_id {
width: 855px;
margin:0 auto;
text-align: center;
}Stack Overflow用户
发布于 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上进一步阅读
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6952233
复制相关文章
相似问题