Question

所以我知道这个问题已经在这里被问过，但我一直在查看这些答案，但仍然无法弄清楚如何在解决方案中工作（我是HTML的新手/ CSS）。为了澄清，这里提出的问题是同一个问题：Align the beginning of second line of text to the first one。

所以，Here is what my output looks like和here is the html behind it

我要做的是让它在我的输出的第一段中，以及＃34; t＆＃34; in＆＃34; to＆＃34;直接垂直对齐在＆＃34; C＆＃34; in＆＃34;贡献，＆＃34;而在第2段中，＆＃34; t＆＃34;在＆＃34;交通＆＃34;直接位于＆＃34; P＆＃34; in＆＃34; Part，＆＃34;你明白了。

我知道这似乎是一个基本问题，但如果有人能告诉我如何修复它，我会非常感激。花了几个小时在互联网上试图解决它，没有任何工作。

Answer 1

只需为class创建div，然后设置width，padding和margin。

内容将始终与左对齐，并且每个第一个单词也将对齐。

<强> HTML

<div class="text">
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium, ratione. Rem architecto excepturi aspernatur non, quos soluta esse magni quisquam quidem animi officia quae voluptatem molestiae debitis neque quaerat natus.</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem voluptatem explicabo rerum dignissimos magnam reiciendis nostrum at consectetur odit. Sunt voluptates fugiat nulla, neque veritatis alias aut dolore, eos unde.</div>
</div>

<强> CSS：

.text {
    font-size:12px;
    padding:5px;
    width: 500px; 
}
.text > div {
    line-height:1.4;
    margin-bottom:10px;
}

Demo

如何将包装文本的起始第二行与第一行的开头对齐？

1 个答案: