CSS space 是一种用于控制元素之间的空间的 CSS 属性。它可以让你更好地控制元素之间的距离,以便让你的页面看起来更加整洁和美观。
CSS space 属性包括 margin、padding、border-spacing 和 line-height 等。margin 是用于控制元素与其他元素之间的外部距离,padding 是用于控制元素与其他元素之间的内部距离,border-spacing 是用于控制表格单元格之间的距离,而 line-height 则是用于控制段落中文本行两行之间的距离。
margin: 10px; // 设定外部 margin 为 10px padding: 10px; // 设定内部 padding 为 10px border-spacing: 5px; // 设定表格单元格之间的 border-spacing 为 5px line-height: 1.5; // 设定文本行两行之间的 line-height 为 1.5
white-space属性指定元素内的空白怎样处理。
默认值: | normal |
---|---|
继承: | yes |
版本: | CSS1 |
JavaScript 语法: | object.style.whiteSpace="pre" |
值 | 描述 |
---|---|
normal | 默认。空白会被浏览器忽略。 |
pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
nowrap | 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 |
pre-wrap | 保留空白符序列,但是正常地进行换行。 |
pre-line | 合并空白符序列,但是保留换行符。 |
inherit | 规定应该从父元素继承 white-space 属性的值。 |
表格中的数字表示支持该属性的第一个浏览器版本号。
属性 | |||||
---|---|---|---|---|---|
white-space | 1.0 | 8.0 | 3.5 | 3.0 | 9.5 |
规定段落中的文本不进行换行:
CSS 教程: CSS Text
Javascript面向对象设计 -Javascript继承对象之间发生的JavaScript继承是通过原型完成的。JavaScript的内置继承方法称为原型链,...
window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀...
使用JavaScript来访问和控制浏览器对象实例。 Window 对象弹出一个警告框 弹出一个带折行的警告框 弹出一个确认框,并提醒访客点...
在众多语言中,JavaScript已经占有重要的一席之地,利用JavaScript我们可以做很多事情 , 应用广泛。在web应用项目中,需要大量J...