例

設置一個段落的高度和寬度：

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