本文介绍了一种使用HTML实现文本首行缩进的方法，通过设置<p>标签的样式属性text-indent来实现2em（约等于两个汉字宽度）的缩进效果。示例代码展示了具体的实现方式。
[size=x-large] HTML文本首行文本缩进，可以用<p style="text-indent:2em">，这里的2em代表的是4个字节，相当于2个汉字，4个英文字母.
源码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
#main{width:960px;margin:0 auto 0 auto;text-align:center;}
#head{ height:50px;margin:30px auto 20px auto;}
#body{ font-size:16px; text-align:left; text-indent:2EM;}
</style>
</head>
<body><div id="main">
<div id="head">V网</div>
<div id="body">
<p>关于V网11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111<br/>七里枫香</p>
</div>
</div>
</body>
</html>[/size]
源码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
#main{width:960px;margin:0 auto 0 auto;text-align:center;}
#head{ height:50px;margin:30px auto 20px auto;}
#body{ font-size:16px; text-align:left; text-indent:2EM;}
</style>
</head>
<body><div id="main">
<div id="head">V网</div>
<div id="body">
<p>关于V网11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111<br/>七里枫香</p>
</div>
</div>
</body>
</html>[/size]
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
