html - 换行时段落聚类

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 之间的空间，请使用 margin:5px 0; 作为您父级的 p。

如果您想了解更多关于 line-height 的信息，请阅读 this .

工作 DEMO .

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

<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>