换行时段落聚类

Question

如果换行时，如何让我的段落不会将所有文本聚类？

我还想换线。但它应该更加有序。

我附上了一张图片来展示。

<div class='se'>
    <p>Aerospace/Defense - Major Diversified</p>
    <p>Aerospace/Defense Products & Services</p>
    <p>Cement</p>
    <p>Diversified Machinery</p>
</div>

.sector3 {
    position: absolute;
    width: 33%;
    height: 100%;
    padding-left: 15px;
    line-height: 40%;
}

Answer 1

删除更改每行高度的line-height: 40%;。

更改父母p的p使用margin:5px 0;之间的空格。

如果您想了解有关line-height阅读this的详情。

工作DEMO。

＆＃13;

＆＃13;

.one {
    width: 33%;
    height: 100%;
    padding-left: 15px;
    line-height: 40%;
}
.two {
    width: 33%;
    height: 100%;
    padding-left: 15px;
}
.two p {
    margin:5px 0;
}

＆＃13;

<h2>
Yours:
</h2>
<div class="one">
    <p>Aerospace/Defense - Major Diversified</p>
    <p>Aerospace/Defense Products Services</p>
    <p>Cement</p>
    <p>Diversified Machinery</p>
</div>
<h2>
Without 'line-height: 40%':
</h2>
<div class="two">
    <p>Aerospace/Defense - Major Diversified</p>
    <p>Aerospace/Defense Products Services</p>
    <p>Cement</p>
    <p>Diversified Machinery</p>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用当前字体大小的百分比。你有没有定义这个元素'sector3'的父级的字体大小？