包裹文字的 div 在不设置 div 宽度的情况下如何实现居中呢?前提是 div 包裹的是文字,并且 div 里面的元素不再出现复杂的类似 float:left 的这样的样式才能实现。
<div class="wrap"> <div class="text_inner">无宽度 div 内文字居中...</div> </div>
.wrap { float: left; position: relative; left: 50%; } .text_inner { position: relative; left: -50%; }
用 margin 实现的必须指定 div 宽度,用 text-align 只是文字居中,div 还是占了一横。但如果 div 里面仍然有很多小 div,并且这些小 div 都是 float:left 的样式,外层 div float:left 依然无法自适应内容宽度,这种情况应该是无解的吧。