html - 对齐表格内同一行中的段落

Question

我一直试图让三个段落在同一行结束，但我做不到。这是 link举个例子。

段落的 CSS 代码:

.taula3columnes td p
{
    text-align: justify;
    text-justify: inter-word;
    font-size: 14px;
    margin: 8px;
    width: auto;
}

我想让三个段落对齐，以便它们在同一行结束。我一直在尝试使用 text-justify CSS 属性，但一直没成功。

有什么解决办法吗？

Answer 1

根据您的要求，您需要使用 column-count 属性。删除所有的 td 和 p。只保留一个 td 并像下面那样分配 css。

.taula3columnes td
{
text-align: justify;
text-justify: inter-word;
font-size: 14px;
margin: 8px;
width: auto;
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
}

DEMO