html段落首行缩进

html段落首行缩进,第1张

具体步骤如下所示:

1、在页面中创建两个p标签,在p标签中加入一段文字,为了能够很容易的看出效果,将p标签的长度设置为300px,如下图所示。

2、给p 标签添加text-indent属性,并将属性值设置为2em,em是一个相对单位,2em表示现在一个文字大小的两倍,也就是两个字符。

3、这样就首行缩进了,效果图如下所示一样。

没问题,可以做到,试试下面的例子:

在代码页(C#)中加入:

public string str="给html赋值"

注意,必须是public

在aspx页上加入:

<input type="text" value="<%=str%>" />

运行一下看看结果!

1、每行都放在p标签里,再设置p标签的样式。

2、在每行文字前面加空格或是span标签,设置span标签padding-left:2em这个数值自己改改也行。

例如:

p标签已经引用了一个css样式名:

second

那么就在此css样式内添加一个属性即可:

text-indent:2em

首行缩进两行,2em 是两个文字越大,间隔越大。

扩展资料:

关于CSS设置字间距行间距、首行缩进

一、字间距

1、text-indent设置抬头距离css缩进

即对对应div设置css样式text-indent : 20px缩进了20px

2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式

即对对应div设置css属性样式为letter-spacing:8px,字间距为8px

二、行间距

在CSS中,可以设置行间距,格式如下:

标签名{line-height:参数}

根据参数不同有3种方法:

1、用数字参数设置

行间距=字号×参数

2、用单位参数设置

行间距=参数

3、用比例参数设置

行间距=字号×参数


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6297155.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存