有没有办法在HTML中垂直对齐文本？

我目前正在一个HTML表格中显示文本，该表格只有一大行和两列。我使用表格来利用并排的优势（如果有人告诉我这样做的优势，我可以切换到浮动div）。我在左边填充文本，然后在右边填充。非常关键的是，双方都要从上到下查看文本分布

每一方的内容都是固定的（从数据库中），而右侧的内容大部分时间都比较短。类似于文本对齐将单词隔开以适合一行，是否有任何方法可以垂直对齐右列中的行，以确保有从上到下的文本

我一直在疯狂地寻找，没有任何运气

下面是它的屏幕截图。我正试图准确地复制一个宗教文本（因此列数据是固定的，这实际上就是书中的内容），但我只是很难对它进行微调。奇怪的是，有时没有问题，但有时很糟糕：

---

如果你问这个问题是因为你想把它用于iBook，那么就使用，它是免费的

---

或者，您可以设计一个包含3列的表，前2列可以添加

colspan=2

。这将使顶部的2列，然后其余的将作为3列放置到位。

如果你问这个问题是因为你想将它用于iBook，那么使用，它是免费的

---

或者，您可以设计一个包含3列的表，前2列可以添加

colspan=2

。这将生成前2列，然后其余的将作为3列放置到位。

假设

UIWebView

支持它（），您可以使用CSS属性

它们将HTML元素的内容流到您指定的尽可能多的列中，并在每列中放入尽可能多的文本。它们还允许您指定规则（如边框）和列之间的间距，这将适合您的设计

这意味着你不必再自己分割内容了

HTML

---

假设

UIWebView

支持它（），您可以使用CSS属性

它们将HTML元素的内容流到您指定的尽可能多的列中，并在每列中放入尽可能多的文本。它们还允许您指定规则（如边框）和列之间的间距，这将适合您的设计

这意味着你不必再自己分割内容了

HTML

---

如果“并排”是您选择只有两列的表的主要标准，为什么不使用浮动div元素呢？我完全愿意这样做，但它的优点是什么？这样做的好处是它已经完成并且可以工作：）如果“并排”是您选择只有两列的表的主要标准，为什么不使用浮动div元素呢？我完全愿意这样做，但好处是什么？这样做的好处是它已经完成并且可以工作了：）哇。我对这一切一无所知。非常感谢你！我今天会努力实现这个。哇。我对这一切一无所知。非常感谢你！我今天将努力实现这一目标。

<div class="text"><p>I am currently displaying text in an HTML table that is simply one large row and two columns...</div>

<div class="references">If "Side by Side" is your main criterion for choosing a table with just two columns...</div>

.text {
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -webkit-column-rule: solid 1px #999;
}

.references {
    padding: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -webkit-column-rule: solid 1px #999;
    border-top: solid 1px #999;
}