首页电影如何处理CSS中的white-space属性?

如何处理CSS中的white-space属性?

paiquba 05-16 1次浏览 0条评论
什么是white-space属性?

white-space是CSS中一个用于控造元素内部空白的属性。默认情况下,HTML元素会保留所有的空白(空格、造表符、换行符等),而且那些空白会被衬着到页面上。white-space属性能够改动那种行为。

white-space属性的值

white-space属性有以下常用的属性值:

normal:默认值,元素内的空白会被阅读器忽略,只保留一个空格。nowrap:元素内的空白会被阅读器忽略,不会换行。pre:元素内的空白会被保留,且换行符也会被保留。pre-wrap:元素内的空白会被保留,且换行符也会被保留,但是当空白太长无法在一行显示时会主动换行。pre-line:元素内的空白会被阅读器忽略,但是换行符会被保留,当空白太长无法在一行显示时会主动换行。white-space属性的应用场景

white-space属性凡是用于以下场景:

控造文本在一行显示,制止文本主动换行。保留代码中的空格、换行符等格局。处置列表等元素中的空白。实例演示

以下是一个利用white-space属性的实例:

那是一段超长的文本,若是没有white-space:nowrap属性,它会主动换行;但是加上那个属性后,它就只能在一行内显示了。

留意事项

需要留意的是,white-space属性仅感化于元素内的空白,不包罗元素边沿的空白边距。此外,一些元素默认就有必然的white-space属性值(如元素),无法通过CSS停止修改。

总结

white-space属性是CSS中一个有用的属性,能够控造元素内的空白。差别的white-space属性值适用于差别的场景,需要按照现实情况停止选择。

white-spaceCSS空白
余男是谁?他有哪些成就和经历? 东方树叶是哪里生产的?东方树叶品牌背景
相关内容
发表评论

游客 回复需填写必要信息