欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

缩进实例CSS+HTML代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>适才缩进2个字CSS实例 CSS5</title>
<style>
.f14{ font-size:14px}
.f22{ font-size:22px}
.sjlz{ text-indent:2em}
</style>
</head>
<body>
<div class="f14 sjlz">我字体大小为14px,看看能否<br />刚好缩进2个汉字位子</div>
<div class="f22 sjlz">我字体大小为2px,看看是否<br />恰好缩进2个汉字身分</div>
</body>
</html>

配置一个14px字体大小,一个css字体大小为22px,设置相斥2em缩进款式。

2)、截图

缩进2个字实例截图
css缩进2个汉字实例图

岂论设置字体大小若干好多,均实现自顺应实现缩进2个字空格位子

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h52949.shtml