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与否都会被
如需转载,请注明文章出处和来源网址: