css怎么首行缩进
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css怎么首行缩进相关的知识，希望对你有一定的参考价值。
text-indent: 2em;
具体方法：
新建一个html代码文件，然后在这个html代码页面上创建一个<div>，同时给这个<div>设置一个class类；然后在这个<div>中创建几个<p>,并个<p>添加上内容。
代码：
<div class="cont">
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
<p>的顶顶顶顶顶的顶顶顶顶顶</p>
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
</div>
设置样式。在<title>标签后面新建一个<style>,在这个<style>设置cont类的宽为400px，然后设置p标签的首行缩进为两个字符。如图：
代码：
<style>
.cont
width:400px;
.cont p
text-indent: 2em;
</style>
使用浏览器打开，即可看到首行缩进的效果。如图：
所有代码。直接复制所有代码，粘贴到新建html文件上，保存后使用浏览器打开即可看到所有效果。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首行缩进</title>
<style>
.cont
width:400px;
.cont p
text-indent: 2em;
</style>
</head>
<body>
<div class="cont">
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
<p>的顶顶顶顶顶的顶顶顶顶顶</p>
<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>
</div>
</body>
</html>
扩展资料：
CSS text-indent属性规定文本块中首行文本的缩进。
注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。
注意：在 CSS 2.1 之前，text-indent 总是继承计算值，而不是声明值。
用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值，这会产生一种“悬挂缩进”的效果。
所有浏览器都支持 text-indent 属性。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
参考资料来源：百度百科：CSS text-indent
参考技术A1、把 Web 页面上的段落的第一行缩进，这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。
2、通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩进。
扩展资料：
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
参考技术B 使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。代码如下:
<style type="text/css">
p
text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
</style>
注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。
用CSS实现段落首缩进两个字符，实现首行缩进的通用方法是加四个小角空格。
在style里定义如下缩进样式：.suojintext-indent:2em
在需要缩进的地方使用class="suojin"即可，比如用一个div定义一整块段落首先缩进，
凡在div区域里，浏览器一碰上p语句（即一个新段的开始），就会执行.suojin所定义的缩进。
也可以在正文中使用嵌入式CSS样式来定义，下面举个实例（使用时请将尖括号改为小角尖括号）：
<div style="text-indent:2em">
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>
两种方法各有长处短处,可根据需要决定使用哪一种方法。 参考技术C
在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、在浏览器中浏览文本首行缩进的显示效果。如下图所示：
把 Web 页面上的段落的第一行缩进，这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。
通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩进。
如下面这个示例，会使首行缩进2em及两个汉字字符。
p text-indent: 2em;TAB键 首行缩进2字符 设置
我按一次，总是缩进.074cm，而我需要缩进两个字符，怎么设置？
谢谢czmnte！ 我想知道怎么设置TAB键 首行缩进2字符
我说的是微软office word
右击项目属性，展开Java Code Style，选择“Formatter”项,如图：
然后在右边见面的Active Profie下拉框中选择一个已有的代码样式，或者点击下面的“new...”按钮新建一个代码样式，然后点击下拉框后面的"Edit..."按钮,进入代码样式编辑页面，如图：
在第一个选项卡“Indentation”中的"General setting"栏
有个“Tab policy”下拉框，你选择“Spaces only”。下面的"Information Size"和"Tab Size"项都设置为 2 就可以了
额，我想问一句，你说的是在什么软件里面设置啊
不知道你用的office什么版本，我的word2010是在“段落/制表位/默认制表位”，如图所示。我今天也遇到这个问题，百度无果，后来自己找到这个设置的，希望对以后遇到此问题的朋友有帮助。
参考技术C 这个问题我不清楚，但是如果要缩进2字符，可以用空格键啊，空格键按四下就缩进2字符了本回答被提问者采纳以上是关于css怎么首行缩进的主要内容，如果未能解决你的问题，请参考以下文章