HTML 行间距的设置方法
HTML 行间距的设置方法
我们可以用:
来设定一段文字内的行距.
但我们怎么设定两段文字之间的行距呢? 即
1 <p >一段文字
2 <p >第二段文字
之间的.行距怎么设定呢?我可以设成单倍间距吗?
另外,line-height:100%是不是就是我们在Word中的单倍行距啊?
段与段距：
1 <p style = "margin:20px" >一段文字
2 <p style = "margin:20px" >第二段文字
也可以这样写文字内容,如果设置为1就是单倍行距了，2就是双倍行距。
或文字内容，设置为100%就是单倍行距。
用就可以空一行了吧
1、打开vscode，创建一个H5规范的页面，用于演示html行间距的设置方式。
2、在页面中添加一个div，设置宽度为300，目的是为了让div中的文字换行，从而设置行高
3、在浏览器中打开页面，可以看到默认的文字间距，如图所示
4、如果想要将行间距增大，那么可以在div标签中的style属性中添加line-height属性值
5、在浏览器中打开页面，此时就可以看到文字间距变大了
1、行内元素：a–锚点；abbr–缩写；acronym–首字；b–粗体(不推荐)；bdo–bidi override；big–大字体；br–换行；cite–引用。
code–计算机代码(在引用源码的时候需要)；dfn–定义字段；em–强调；font–字体设定(不推荐)；i–斜体；img–图片。input–输入框。
kbd–定义键盘文本；label–表格标签；q–短引用；s–中划线(不推荐)；samp–定义范例计算机代码；select–项目选择；small–小字体文本。
span–常用内联容器，定义文本内区块；strike–中划线；strong–粗体强调；sub–下标；sup–上标；textarea–多行文本输入框；tt–电传文本；u–下划线；var–定义变量。
2、块级元素：address-地址；blockquote-块引用；center-居中对齐块；dir-目录列表；div-常用块级容器，也是css layout的主要标签；dl-定义列表。
fieldset-form控制组；form-交互表单；h1-大标题；h2-副标题；h3-3级标题；h4-4级标题；h5-5级标题；h6-6级标题；hr-水平分隔线。
isindex-input prompt；menu-菜单列表；noframes-frames可选内容，（对于不支持frame的浏览器显示此区块内容）。
noscript-可选脚本内容（对于不支持script的浏览器显示此内容）；ol-排序表单；p-段落；pre-格式化文本；table-表格；ul-非排序列表（无序列表）。
扩展资料
行内元素特点：和其他元素都在一行上；高度、行高和顶以及底边距都不可改变；宽度就是它的文字或图片的宽度，不可改变。
总的来说，内联元素一般都是基于语义级(semantic)的基本元素，它只能容纳文本或者其他内联元素，通常被包括在块元素中使用，常见内联元素有“a、b、br”等。
块级元素的特点：总是在新行上开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。它可以容纳内联元素和其他块元素。
参考资料来源：百度百科-块元素
参考资料来源：百度百科-内联元素
