首行缩进2字符怎么设置 css
4个回答
2016-07-28 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
使用CSS的text-indent属性可以定义文本段落中的首行字体缩进的效果。使用该属性只对元素中的段落产生影响。对于使用<br>标签产生的换行效果，并不起作用。
1、在CSS样式表中设置文本首行缩进的样式规则。代码如下：
div{
text-indent:2em;
font-size:24px;
width:400px;
}div标签选择器使用text-indent属性将段落首行缩进2em，这是两个汉字字符的宽度。使用font-size属性将字体大小设置为24px，使用width属性将div元素的宽度设置为400px，都是为了使效果能够更好地显示。
2. 在HTML网页中添加要使用标签选择器的div元素内容。代码如下：
<body>
<div>
<p>这段内容是一个文本首行字体缩进的实例，注意文本中段落首行部分的显示效果。</p>
<p>这段内容是一个文本首行字体缩进的实例，注意文本中段落首行部分的显示效果。</p>
</div>
div标签选择器直接应用到了相关的HTML div元素中，不再需要另外进行设置了。
3. 在浏览器中浏览文本首行缩进的显示效果。如下图所示：
从上图中可以看出，只要在父元素中定义了文本的缩进属性，在各个子元素中将继续继承这个缩进属性值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-10-09 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
css中设置首行缩进2字符的方法：
text-indent 属性规定了一个元素首行文本内容之前应该有多少水平空格。
例如：
text-indent: 2em 缩进2em，刚好两个字符。
完整演示代码如下：
<html>
<head>
<style type="text/css">
p {text-indent: 2em}
</style>
</head>
<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>
</html>
运行结果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
多少大小取决于你字的大小
*{text-indent: Xpx}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
