美文网首页
<span>标签挨着写时的出现的迷之间距问题

<span>标签挨着写时的出现的迷之间距问题

作者: waka | 来源:发表于2017-01-21 11:20 被阅读197次

问题

两个span分行挨着写时,样式会出现迷之间隔,如下:


解决方案1:

父元素的font-size设置为0,但是这样会出现一个问题,text-overflow: ellipsis属性不在生效

解决方案2:

html中将span不分行挨着写,如下图:

这样既可以消除间隔,又可以保留text-overflow: ellipsis属性

相关文章

  • <span>标签挨着写时的出现的迷之间距问题

    问题 两个span分行挨着写时,样式会出现迷之间隔,如下: 解决方案1: 父元素的font-size设置为0,但是...

  • <span>标签

    这一小节讲解 标签,我们对 、 、 这三个标签进行一下总结: 1. 和 标签是为了强调一段话中的关键字时使用,它们...

  • 标签<span>

    1、span是一个in-line元素,翻译为内联元素。它的特点是不会独占一行。它和块(block)级元素是相对的,...

  • HTML<span>标签

    一.定义和用法 标签被用来组合文档中的行内元素 二.提示和注释 提示:请使用 来组合行内元素,以便通过样式来格式化...

  • <div>和<span>标签的异同

    和 都是我们常见的标签,从应用中看二者并无区别,它们都能划分出单独的区域,以便我们为单独的一块区域设置样式。但是二...

  • 关于img,表单标签间距问题:多个img之间有间距,input与

    关于img,表单标签间距问题:多个img之间有间距,input与其他元素之间有间距。 比如这样; 或者这样: 要怎...

  • css标签样式间距问题

    解决标签之间间距的方案有两个: 1.把元素写成一行,缺点:会让代码看起来非常的凌乱; 2.把父类设置font-si...

  • 去除inline-block元素间距的几种方法

    当我们使用inline-block 时,会出现空白间距问题。 但这些间距对我们的布局,或兼容性产生影响,我们需要去...

  • CSS中
  • 标签横向排列出现间距问题
  • HTML代码块: CSS代码块: 显示效果: 可以看到每

  • 标签之间有明显的间隔,要想办法把它去掉。 错误原因...

  • <span>的自动换行

    中展示数据库表名,名字过长的自动换行代码 效果 表格是自己用div画的,架子用的vue+element-ui,自动...

网友评论

      本文标题:<span>标签挨着写时的出现的迷之间距问题

      本文链接:https://www.haomeiwen.com/subject/pfngbttx.html