css3 字体自动换行第二行缩进一格

html-css021

css3 字体自动换行第二行缩进一格,第1张

p {

text-indent: -2em

margin-left: 2em

}

设置text-indent: -2em以后p标签中第一行文字向左偏移,这样第二行开始的文字就等于缩进了,但是这样设置会导致第一行向左超出div,所以再用margin-left使p标签整体右移即可

<style type="text/css">

li{ width:100px border:1px solid #ccc padding-left:25px text-indent:-25px}

</style>

</head>

<body>

<ul>

    <li>我恶魔呢放假额菲菲金额发</li>

    <li>我恶魔呢放假额菲菲金额发</li>

</ul>

</body>

</html>

原理就是先在左边用padding空开,再用text-indext把第一行收回来

一般用tab键进行缩进,占位4个字符,不要用空格。这个主要看个人习惯,统一即可。

各个编辑器的缩进方式

sublime里面用tab缩进,是默认的4个字符。

phpstorm中写代码可以设定4个字符的缩进,或者2个字符缩进。