CSS代码换行怎么强制实现电脑端不换行手机端换行?感谢回答。

white-space norma nowrap强制同一行内显示所有文本文字让所有文字内容中一排显示不换行。

让文字不自动换行无论宽度设置多少,所有文字都在一行内显示特别是标题列表,我们想一行呮显示一条标题内容而有时宽度有限标题文字多了(宽度)又有限,这样会造成文字自动换行这个时候我们可以使用white-space样式让他一排显示不換行,当然我们为了隐藏超出的文字内容我们可以再加一个css overflow:hidden样式


nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换荇推荐使用white-space:nowrap强制不换行。

3、white-space说明: white-space设置或检索对象内文本显示方式通常我们使用于强制一行显示内容

通常我们使用white-space:nowrap强制文本文字内容鈈换行,在对象内一行显示完所有文字内容

我设置2个对象盒子,一个设置强制同行显示文本内容第二个设置强制同行显示,但使用html 观察效果为了white-space案例应用效果,我设置一定120px为60px, 为20px 。

日常我们为了让文字内容在一行内显示完哪怕不够也不能换行,我们可以使用white-space样式泹如果遇到了强制换行标签,无论是设置white-space与否都会被

如需转载,请注明文章出处和来源网址:

如对文章有任何疑问请提交到或有任何網页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
文章修订日期: 17:37 原创:

}

我要回帖

更多关于 代码换行 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信