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

Answer 2

你需要使用display: inline-block;，它会有效地将p tgas内联在一起。但是，你不能只将文本输入一个段落吗？

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

对齐表格中同一行中的段落

2 个答案: