如何在HTML中缩进句子的第二行,JS

时间:2018-03-27 13:24:24

标签: javascript html5 user-interface text

screenshot of the text

我有一个DIV,里面有一个列表。每个列表包含一个不同大小的文本句子,从60个字符到200个字符。 我在前面有3个点开始第1个句子,所以当第1行换行时,第2行的第一个字符位于这3个点之下。

我想要的是打算第二行,这样它将从第一句话的第一个文本字符开始,所有这些都是响应。

那么,我怎么能做这样的事呢?

谢谢

1 个答案:

答案 0 :(得分:1)

合乎逻辑的是找到与您所追求的HTML标签接近的HTML标签,然后按照您想要的方式设置它们。

e.g。对于你,我会说无序列表几乎就是你所拥有的,带有一些自定义样式。

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  padding-left: 1em;
  text-indent: -1em;
}

li:before {
  content: "...";
  padding-right: 5px;
}
<ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum congue elit elit, non facilisis ligula vehicula vitae. Phasellus consequat felis ut mauris euismod laoreet. Cras..</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a venenatis neque. Ut nec odio.</li>
</ul>