CSS 去除文本上下多余间距

最新推荐文章于 2022-12-06 21:00:00 发布
最新推荐文章于 2022-12-06 21:00:00 发布
阅读量2.2k 收藏 2
点赞数 1
分类专栏： Web前端 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39342142/article/details/120487720
版权

直接使用如下设置即可, 参考自链接，Fractal回答。

单行文本 

line-height:1;

多行文本

line-height:1.5;
margin:-0.25em 0;

 marign:((1.5(line-height) - 1) / 2)em 0;

em单位解释：相对于元素的字体大小（font-size）（2em 表示当前字体大小的 2 倍）

惊悚的毛毛虫
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CSS3实现文本垂直排列的方法
09-22
主要介绍了CSS3实现文本垂直排列的方法，也就是运用了CSS的writing-mode属性，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML5前端开发入门之CSS清空默认边距 行高和字号属性
qq_41886761的博客
12-30 2577
清空默认边距 1.为什么要清空默认边距（外边距和内边距） 在企业开发中为了更好的控制盒子的宽高和计算盒子的宽高等等， 所以在企业开发中，编写代码之前第一件事就是情况默认的边距   2.格式： *{     margin：0;     padding: 0; }   3.注意点：  通配符选择器会找到（遍历）当前界面中的所有标签，所以性能不好  所以以后在企业开发中可以从h...
CSS 美化段落文本之首字下沉
10-30
今天要讲的内容是如何实现“首字下沉”，，第一个字是很大的红色楷体，陷于一段文字之首。这种做法在杂志中常见，但是在网页中不那么常见。那么如何实现呢？其实很简单，只有一句CSS就可以了。
CSS中字体方法后所产生的行间隔如何消除？
weixin_38949279的博客
07-29 415
1、对所在的class使用line-height进行限制，即值是指为font-size的大小。
行间距和文本样式的设置
greentrainsad的博客
10-14 540
行高如何设置 CSS中文本样式如何设置 首行缩进 图文对齐方式 字符间距怎么调整 文字阴影 什么是图片三像素问题 怎么解决图片三像素问题
行内元素中去掉文字的上下间距，使得文字所在元素的高度同字体高度一致的方法...
ajian7774的博客
04-11 620
之前在p这类块元素中的文字，给line-hight=1;就可以去掉文字自带的上下间距， 像这样： 最近突然发现这个方法在行内块和块元素上好使，可当用在span或者a这类内联元素上都不好使，除了转为块元素的方法来去掉上下间距，行高设置为1去不掉内联元素文字的上下间距。 像这样： 查阅很多资料之后，得出结论：行内元素的高度是不受行高影响的，因此设置line-height...
html 清除文字空白,互联网常识：如何去掉css字体的上下空白
weixin_36165880的博客
06-27 892
在css中，可以使用margin属性去掉css字体的上下空白，只需要给字体元素设置“margin:0;”即可。margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度，当值为0时，表示元素外边距的宽度为0。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。新建一个html文件，命名为test.html，用于讲解css字体的上下空白如...
CSS：去除行内/行内块元素默认空隙的四种方式
weixin_43932309的博客
12-06 2594
去除行内/行内块元素默认空隙的四种方式。
css 去除上下间距,[CSS]去除inline-block元素间距的几种方法
weixin_32205867的博客
08-04 305
InputStream,String相互转化String --> InputStream InputStream String2InputStream(String str){ ByteArrayInputStream stream = ...[C++基础]一个比较常用的配置文件&sol...
CSS zoom
千鱼鱼的日常
08-24 2488
Zoom属性是IE浏览器的专有属性， 它可以设置或检索对象的缩放比例。 在平常的css编写过程中，zoom:1能够比较神奇地解决ie下比较奇葩的bug。 譬如外边距（margin）的重叠，譬如浮动的清除，譬如触发ie的 haslayout属性等等 虽然此属性不可继承，但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。 ...
css3文字上下滚动切换特效
04-06
css3文字上下滚动切换特效是一款简单的文本上下滚动切换动画特效。
css实现行间距效果
10-30
css实现行间距效果
CSS 空格引起网页布局间距问题
09-25
发现的“页面空格引起的间距问题”，是不同浏览器对“空格”宽度的解析不同造成的。
Uniapp Android原生插件开发
热门推荐
love and share
04-01 1万+
准备工作： Android Studio 下载地址：Android Studio官网ORAndroid Studio中文社区 离线SDK下载：请下载2.9.8+版本的android平台SDK 1. 使用Andorid Studio 打开UniPlugin-Hello-AS
HTML Rem自适应方案
love and share
12-16 1万+
1. 设置标签头 <meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 2. 设置body html 全屏 <style> html,...
vue 使用tracking.js开发人脸识别功能
love and share
02-28 7326
开发思路: 前端只负责检测摄像头内是否存在人脸，如果存在人脸截图当前帧调用接口后台进行人脸对比校验，通过接口返回来确认是否识别成功。 前端使用人脸识别类库trackingjs可以直接在github上直接下载，npm安装感觉有问题。github下载地址。 下载完毕以后放入到 src/assets 目录下文件夹更名为 tracking 方便引入 HTML 示例代码 <template> <div> <div class="video-box">...
微信浏览器去除底部导航栏
love and share
12-16 5984
跳转方式使用: window.location.replace('url')； 这样微信浏览器就不会存有历史记录，有效隐藏底部出现后退栏的白条! 参考链接:https://segmentfault.com/q/1010000015158396 评论人: 古月石石石 ...
HTML 在手机端查看控制台日志 vconsole
love and share
12-16 5330
首先引入js (js文件可以直接去github上下载 https://github.com/Tencent/vConsole) <!-- 引入vConsole的JS库 --> <script src="js/dist/vconsole.min.js"></script> 初始化vconsole代码 <script> //...
Uniapp 微信小程序直接打开地图App （不经过内置地图页）
love and share
06-02 4715
效果图
css文字上下行间距
最新发布
09-02
在 CSS 中，可以使用 `line-height` 属性来控制文字的上下行间距。`line-height` 属性指定了行框的高度，可以通过设置一个具体的像素值或者相对于字体大小的倍数来调整行间距。 例如，如果要设置一个段落中文字的行间距为 1.5 倍的字体大小，可以这样写 CSS： ```css p { line-height: 1.5; } ``` 如果想要设置一个具体的像素值作为行间距，可以这样写 CSS： ```css p { line-height: 20px; } ``` 当然，你也可以根据具体需求进行调整。希望能帮到你！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

惊悚的毛毛虫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值