Question

我有这个HTML：

<div id="content">
  <div id="letter1">T</div>
  <div id="letter2">H</div>
  <div id="letter3">A</div>
  <div id="letter4">T</div>
  <div id="letter5" style="clear: both;">W</div>
  <div id="letter6">O</div>
  <div id="letter7">R</div>
  <div id="letter8">K</div>
  <div id="letter9">S</div>
</div>

正如你所看到的，我有一个字符串，每个字符在另一个div中。我希望每个单词都在单独的行中，每个单词都水平居中。考虑clear: both;开始新的一行。垂直对齐会很好，但不是必需的。单词（行）和字母的数量取决于具体情况。

我找到的关于居中的所有指南讲述了多个div的居中，但是它们在一条线上或者在自由断线之后居中（下一个div没有空间在线，所以它需要下一行剩下的div和center这条线。）

Answer 1

为什么不将每组字母（单词）包装在自己的div中？不确定你真正要做的是什么，给我们一些继续。

EDIT。之后添加了代码示例，为了清楚起见。

<div>
    <span>w</span>
    <span>o</span>
    <span>r</span>
    <span>d</span>
</div>
<div>
    <span>p</span>
    <span>l</span>
    <span>a</span>
    <span>y</span>
</div>

如何将其他div中的多个div垂直和水平居中，并使用clear作为多行div：两者？

1 个答案: