行内元素没有内容时设置默认的宽高
Posted guojbing
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行内元素没有内容时设置默认的宽高相关的知识,希望对你有一定的参考价值。
span {
line-height: 20px;
background-color: yellowgreen;
&:empty {
display: inline-block;
width: 1px;
height: 20px;
}
}
<span contenteditable></span>
- 保证元素中没有内容时,可以点击获取焦点
以上是关于行内元素没有内容时设置默认的宽高的主要内容,如果未能解决你的问题,请参考以下文章
css设置元素的宽高为整数,为啥有的浏览器解析出来的宽高是小数
CSS标签显示模式 ④ ( 标签显示模式示例 | 设置行内元素宽高 | 设置鼠标经过样式 | 设置文字水平居中 | 设置文字垂直居中 | 文本行高与盒子高度关系 )