css – 使用inline-block打开一个新行吗?

前端之家收集整理的这篇文章主要介绍了css – 使用inline-block打开一个新行吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我要删除< br />的,并通过CSS做断开线。如果我改变跨度显示:块宽度将去100%,我需要的宽度正好是文本的长度,就像现在。有什么建议么? @H_403_2@<div class="fullscreen"> <p class="text"> <span class="medium">We</span> <br /> <span class="large">build</span> <br /> <span class="medium">the</span> <br /> <span class="large">Internet</span> </p> </div> .text span { background:rgba(165,220,79,0.8); display:inline-block; padding:7px 10px; color:white; } .fullscreen .large { font-size:80px }

Fidddle

解决方法

删除所有br标签并使用下面的样式。 @H_403_2@.text span { background:rgba(165,0.8); display:table; padding:7px 10px; color:white; } .fullscreen .large { font-size:80px }

猜你在找的CSS相关文章