ここから本文です

HTML table要素について質問です。 Widthで全体の幅を指定しつつ、<th>ごとにも幅...

mut********さん

2019/3/617:38:46

HTML table要素について質問です。
Widthで全体の幅を指定しつつ、<th>ごとにも幅を指定しているのですが、
Widthで指定したサイズにまで引き延ばされます。

どうしたらよいでしょうか?

閲覧数:
21
回答数:
1

違反報告

ベストアンサーに選ばれた回答

ybb********さん

2019/3/621:45:02

mut********さん

>・・・・・どうしたらよいでしょうか?・・・・・・・・・・・・・

cssで指定すれば良いでしょう。参考↓
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
table { width:100%; height:100px; border-collapse:collapse; }
td { border:1px solid gray; }
</style>
</head>
<body>
<table>
<tr>
<td>
<table style="width:200px;">
<tr>
<td>
table11-11
</td>
<td>
table11-12
</td>
<td>
table11-13
</td>
</tr>
<tr>
<td>
table11-21
</td>
<td>
table11-22
</td>
<td>
table11-23
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>
table12-11
</td>
<td>
table12-12
</td>
</tr>
<tr>
<td>
table12-21
</td>
<td>
table12-22
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>
table13-11
</td>
<td>
table13-12
</td>
</tr>
<tr>
<td>
table13-21
</td>
<td>
table13-22
</td>
</tr>
<tr>
<td>
table13-31
</td>
<td>
table13-32
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
table21-11
</td>
<td>
table21-12
</td>
<td>
table21-13
</td>
</tr>
<tr>
<td>
table21-21
</td>
<td>
table21-22
</td>
<td>
table21-23
</td>
</tr>
</table>
</td>
<td colspan=2>
<table style="width:300px;">
<tr>
<td>
table22-11
</td>
<td>
table22-12
</td>
</tr>
<tr>
<td>
table22-21
</td>
<td>
table22-22
</td>
</tr>
<tr>
<td>
table22-31
</td>
<td>
table22-32
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

ご参考に↓
http://www.tohoho-web.com/html/table.htm

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる