Css词包装与风格

Question

我想用空格显示第二行换行文本.

OUTPUT:

 Lorem Ipsum is simply dummy text of the printing and typesetting 
 industry. Lorem Ipsum has been the industry's standard dummy text 
 ever since the 1500s, when an unknown printer took

预期产量:

   Lorem Ipsum is simply dummy text of the printing and typesetting 
     industry. Lorem Ipsum has been the industry's standard dummy text ever 
     since the 1500s, when an unknown printer took

我的代码:

<style>p{
 overflow:word-wrap;
}</style>
  <p> Lorem Ipsum is simply dummy text of the printing and typesetting 
 industry. Lorem Ipsum has been the industry's standard dummy text 
 ever since the 1500s, when an unknown printer took</p>

提前致谢.

Answer 1

这很容易处理.诀窍是添加一个小填充,然后用负值实际"缩进"第一行.在盒子外面思考.

p {
    padding-left: 2em;
    text-indent:-2em;
}

<p>
 Lorem Ipsum is simply dummy text of the printing and typesetting 
 industry. Lorem Ipsum has been the industry's standard dummy text 
 ever since the 1500s, when an unknown printer took
</p>