HTML TDの幅を設定する方法

html td の幅を設定する方法: 1. td タグの width 属性を直接使用します。構文形式は "

" です。 2. td タグ内に style 属性を使用して「width: width value;」スタイルを追加します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

1. td タグの width 属性を直接使用する

width 属性は、テーブルのセルの幅を指定します。

一般に、セルが占めるスペースは、その内容を表示するために必要なスペースです。 width 属性は、セルの事前定義された幅を設定するために使用されます。

例:

<table border="1">
	<tr>
		<td width="100">商品</td>
		<td>价格</td>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

レンダリング:

2. style 属性を使用して「」を追加します。 width: width value; "Style

style 属性は要素のインライン スタイルを指定します。

例:

<table border="1">
	<tr>
		<td>商品</td>
		<td style="width: 100px;">价格</td>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>

レンダリング:

推奨チュートリアル: 「html ビデオ チュートリアル 」

以上がHTML TDの幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。