使用css实现首行缩排其实很简单,使用text-indent属性即可。
但是如果要缩排几个字元可以使用em单位,一般而言中文段首是缩排两个汉字,可以这么写:
p {text-indent: 2em}
自然,如果缩排两个字元(即:一个汉字),就可以这么写:
p {text-indent: 1em}
希望对你有帮助,如有疑问,请追问。望采纳~~
可以使用{text-indent:2em}进行首行缩排。
定义:
text-indent 属性规定文字块中首行文字的缩排。
注意点:
text-indent 可以使用px、rem、em作为缩排单位。区别如下:
1、px是缩排固定的画素距离,不会根据应用到的元素字型的大小而调整。
2、rem根据根元素设定的字号,缩排固定的距离,不会根据应用到的元素字型的大小而调整。
3、em会根据应用到的元素字型的大小来调整距离。
如:
p{text-indent:2emfont-size:18px}这种写法不管p里面的字号设定多大,p的首行总会缩排2个字的距离。也就是2*fontSize的距离
p{text-indent:20pxfont-size:18px}假如p的字号改变为40px,那首行的缩排依然还是20px
text-indent: 2em
/*em是相对单位,2em即现在一个字大小的两倍*/
注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。
首行缩排2字元怎么设定
1.在一般各种版本的word下,介面上方开始菜单面板下就有段落面板,可以单击右下角的小三角进入段落面板设定.
2.如果实在找不到的话,首先开启“开始”选项卡.
3.在“开始”选单下找到“段落”,就可以开启段落对话方块.
4.找到段落对话方块中的“缩排和间距”,点开其下拉列表,就可以看到“首行缩排”,选择首行缩排后,将其后面的字元值改为2就好.
5.单击对话方块下方的“确定”按钮,返回到页面观察.若没有改变,检查自己自己事先有没有选中要改变的段落.
word怎么设定首行缩排2字元
选择或定位到要设定的段落。 开启段落对话方块。 缩排和间距中选择特殊格式,下拉中选择首行缩排,并设定磅值。 如果当前文件后面新编辑段落均缩排两个字元,点选下面设为预设值。根据需要选择当前文件还是以后基于模板的所有新文件。
首行缩排2字元怎么设定
你好,新增text-indent: 2em即可。
text-indent 属性规定文字块中首行文字的缩排。 注释:允许使用负值。如果使用负值,那么首行会被缩排到左边。
首行缩排2字元怎么设定
首行缩排用css中的text-indent就可以,字元单位为em,例如
<style type=text/css>
p{
text-indent: 2em/*em是相对单位,2em即现在一个字大小的两倍*/
}
</style>
word首行缩排2字元怎么设定
选中所有内容,右键,段落,缩排和间距,缩排,特殊格式,点右侧下拉三角,点选首行缩排,磅值,默认出现2字元,确定。
注:如若预设没有出现2字元,可直接输入。
右击段落,“段落”,在“缩排和间距”选项卡,“特殊格式”,“首行缩排”,在后面输入“2字元”。
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
解决这个问题的方法如下:
1、先在html里添加一个img图片标签。
2、运行页面后,这是完整显示图片大小的。图片大概是400x260左右的大小。
3、要进入图片缩放,可以在css样式里设置图片的宽度和高度,但不要宽和高都设置了,比如这里都设置为100px。
4、设置后,看下页面可以看到图片现在变形了。
5、正确的方法应该是只设置其中一个,比如设置宽度为100px,高度设置为自动就行了。
6、这里设置后的效果,图片并没有变形。
7、同样,如果是限定高度的大小,就设置宽度为自动,图片同样不会变形,这样问题就解决了。