例

设置一个段落的高度和宽度：

p.ex

{

height:100px;

width:100px;

}

属性定义及使用说明

width属性设置元素的宽度。

注意： width属性不包括填充，边框和页边距！

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性值

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

例

预格式化的文本:

<pre>

此例演示如何使用 pre 标签

对空行和 空格

进行控制

</pre>

浏览器支持

目前大多数浏览器支持 <pre> 标签。

标签定义及使用说明

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

提示和注释

提示: <pre> 标签的一个常见应用就是用来表示计算机的源代码。

在HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中，"width" 属性已废弃，不可使用。 HTML5 不支持"width"属性。

属性

全局属性

<pre> 标签支持全局属性，查看完整属性表 HTML全局属性。

事件属性

<pre> 标签支持所有 HTML事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

性定义及使用说明

width属性设置元素的宽度。

注意： width属性不包括填充，边框和页边距！

默认值： auto
继承： no
版本： CSS1
JavaScript 语法：object.style.width="50px"

属性值

值 描述
auto 默认值。浏览器可计算出实际的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义基于包含块（父元素）宽度的百分比宽度。
inherit 规定应该从父元素继承 width 属性的值。

实例

百分比：

.p img{width:100%}

百分比平分，将三个<li>平均分配

width：calc( 100% / n - ?px)

注：n 平分几份除以几；？px 为一个标签的外表距（也可用百分比）

实际效果

最大宽度：max-width

最小宽度：min-width