【说站】css设置行间距的方法
2023-06-13 09:13:23 时间
css设置行间距的方
1、使用数值来设置行间距,是拥有标准行高的段落。 默认行高大约是1。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用数值来设置行间距</title>
<style type="text/css">
p.small {
line-height: 0.5
}
p.big {
line-height: 2
}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。 默认行高大约是1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。
</p>
<p>
这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。
</p>
<p>
这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。
</p>
</body>
</html>
2、使用百分比设置行间距,line-height属性指定了一个百分数,则会相对于字体去计算行高。在大多数浏览器中默认行高大约是 110% 到 120%。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用数值来设置行间距</title>
<style type="text/css">
p.small {
line-height: 80%;
}
p.big {
line-height: 200%;
}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是 110% 到 120%。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。
</p>
<p>
这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。
</p>
<p>
这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。
</p>
</body>
</html>
以上就是css设置行间距的方法,希望对大家有所帮助。
相关文章
- css opacity属性_CSS中的opacity属性[通俗易懂]
- CSS 水平居中与垂直居中的16个方法
- YUI Compressor插件压缩后war中的js/css文件未压缩的解决方法(被maven打包顶替了)
- css只设置背景图片半透明,css 设置背景色或图片半透明的方法(图文)
- 【说站】css不可点击样式实现的方法
- 【说站】css中transition方法的介绍
- css绝对定位与相对定位结合使用_css定位方法
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- Python | "6大数据类型方法归纳总结(中)"
- 【CSS教程】紫色渐变登陆布局html+css代码
- css水平垂直居中各种方法实现方式
- MongoDB开启权限认证的方法步骤详解
- SpringMVC04controller中定义多个方法详解编程语言
- Oracle查看所有数据库的方法(oracle查看所有库)
- jQuery children() find()和contents()方法
- Linux系统中快速搜索文件的方法(linux系统搜索文件)
- 解决Linux文件无法删除问题的方法(linux文件删不掉)
- 位安装包与基本使用方法(mysql下载中文版32)
- IIS配置文件后门的方法
- css不换行自动换行强制换行的实现方法
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- MySQL存储过程和"Cursor"的使用方法
- 简单的加密css地址防止别人下载你的CSS文件的方法
- javascript+css网页每次加载不同样式的实现方法
- Oracle查询存储过程做横向报表的方法
- 在yii中新增一个用户验证的方法详解
- JQuery中操作Css样式的方法
- 用css截取字符的几种方法详解(css排版隐藏溢出文本)
- .net平台推送ios消息的实现方法
- Thinkphp中数据按分类嵌套循环实现方法
- jQuery修改CSS伪元素属性的方法
- jQueryCSS()方法改变现有的CSS样式