行内元素没有内容时设置默认的宽高

Posted guojbing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行内元素没有内容时设置默认的宽高相关的知识,希望对你有一定的参考价值。

 span {
     line-height: 20px;
     background-color: yellowgreen;

     &:empty {
         display: inline-block;
         width: 1px;
         height: 20px;
     }
}
<span contenteditable></span>
  • 保证元素中没有内容时,可以点击获取焦点

以上是关于行内元素没有内容时设置默认的宽高的主要内容,如果未能解决你的问题,请参考以下文章

前端_day07

css设置元素的宽高为整数,为啥有的浏览器解析出来的宽高是小数

CSS标签显示模式 ④ ( 标签显示模式示例 | 设置行内元素宽高 | 设置鼠标经过样式 | 设置文字水平居中 | 设置文字垂直居中 | 文本行高与盒子高度关系 )

CSS一些总结

一文搞懂行内元素和块级元素的区别

一文搞懂行内元素和块级元素的区别