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

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

猜你在找的CSS相关文章