包裹文字的 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 依然无法自适应内容宽度,这种情况应该是无解的吧。

05-29 11:05