gpt4 book ai didi

css - 跨度 split ,如何避免?

转载 作者:太空宇宙 更新时间:2023-11-04 14:46:40 29 4
gpt4 key购买 nike

这里是问题所在:http://jsfiddle.net/STG22/3/

我希望 span 不会分成两个不同的行(就像上面示例中的第三行一样)。我该怎么做?


CSS:

span
{
background: red;
border-radius: 5px;
width: 60px;
}

HTML:

<div style="width: 250px">
<span>omg omg omg</span>
<span>omg omg omg</span>
<span>omg omg omg</span>
<span>omg omg omg</span>
</div>

最佳答案

简单的 CSS:

 white-space: nowrap;

更新的 jsFiddle:http://jsfiddle.net/STG22/5/

完整的 CSS:

span
{
background: red;
border-radius: 5px;
width: 60px;
white-space:nowrap;
}

关于css - 跨度 split ,如何避免?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6720349/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com