300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 行内 行内块元素同行显示问题

行内 行内块元素同行显示问题

时间:2021-05-18 19:18:38

相关推荐

行内 行内块元素同行显示问题

行内块,行内元素同行显示会有间隔

解决方法

不换行,代码中同行元素写在同一行中

<input type="text"><input type="text">

父元素设置font-size: 0px; ,自身也设置font-size属性,否则font-size会被继承

<style>.test {font-size: 0;}</style></head><body><div class="test"><input type="text"><input type="text"></div></body>

<style>.test {font-size: 0;}span {font-size: 16px;}</style></head><body><div class="test"><span>hello</span> <span>world</span></div></body>

出现原因是因为同行显示的行内元素,行内块元素中间存在空白符

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。