首页 / CSS / CSS如何实现段落开头缩进两个汉字

CSS如何实现段落开头缩进两个汉字

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS如何实现段落开头缩进两个汉字，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含795字，纯文字阅读大概需要2分钟。

内容图文

CSS如何实现段落开头缩进两个汉字:

在写文章的时候，一般在一个新的段落开始需要空两个汉字空格。下面就介绍一下如何使用CSS实现此种效果。

代码如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title> 
<style type="text/css">
.mytest{
  text-indent:2em;
  font-size:12px;
  width:200px;
  height:200px;
  border:1px solid green;
}
</style>
<body>
<div class="mytest">蚂蚁部落欢迎您</div>
</body>
</html>

需要特别说明的是text-indent的属性值是2em，之所以使用 em 这个单位，因为它的大小是相对于所在对象字体大小，比如如果所在对象的字体大小是12px，那么1em=12px，所以无论所在对象字体是多大，都能够保持2个汉字的缩进。

原文地址是: http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1907.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4713


原文：http://my.oschina.net/u/1468670/blog/496679

内容总结

以上是互联网集市为您收集整理的CSS如何实现段落开头缩进两个汉字全部内容，希望文章能够帮你解决CSS如何实现段落开头缩进两个汉字所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1266897.html

来源：【匿名】