<html>
<head>
<title>test</title>
<style type="text/css">
<!--
table {
border : 1px #000000 solid;
text-align : center;
}
td,th {
border : 1px #000000 solid;
width : 100px;
}
-->
</style>
</head>
<body>
<table>
<tr>
<td rowspan="2">
1
</td>
<td>
3
</td>
</tr>
<tr>
<td>
2
</td>
</tr>
<tr>
<td colspan="2">
3
</td>
</tr>
</table>
</body>
</html>
このように入力をした場合、一番下にできるテーブル(3)2つ結合しているにもかかわらず、1つ分?の状態で文字がcenterになってしまいます。結合した(2つの)真ん中に表示させるにはどうしたらいいですか??
教えてください☆
No.1ベストアンサー
- 回答日時:
CSSでtdの幅を100pxにしてるので100pxの中でセンタリングはされているようですよ。
なのでこの部分のtdの幅を別途定義してやればその幅内でセンタリングされると思います。
簡単には
<td colspan="2" style="width:200px">
3
</td>
とかにすればいけませんか?
この回答への補足
<td colspan="2" style="width:200px">
はタグに埋め込むということですね^^
.td1 {
text-align : center;
border : 1px #ff0000 solid;
width : 200px
height : 50px;
background-color : #ffeaea;
}
<td class="td1" rowspan="2">
こんな風にしてもOKってことですね^^
ありがとうございました^^
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
table内で画像と文字をセンター...
-
dreamweaverで、テーブルのボー...
-
<緊急>テーブルを使わないで...
-
日本語と外国語(中国語)混在...
-
Microsoft1Officeの互換ソフト...
-
CSSのtransform: translate(-50...
-
エクセルで一部分のセルの高さ...
-
敬語
-
実行結果をデジタル時計みたい...
-
エクセルでサイズ指定でPOP...
-
ホームページビルダー 空白の...
-
Excel セルの幅が合わない
-
ホームページビルダーでセルの...
-
文字を中央に寄せる
-
ホームページビルダーで、画面...
-
エクセルのセル幅の表示
-
パソコンでランドルト環の作成...
-
表の幅が広がる
-
<tbody>は何のためにあるんでし...
-
小窓を表示させたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
表の中に表
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
テーブルで3セル作った行の下に...
-
<td> 内のテーブルを上寄せにす...
-
表の中でのフォーム
-
CSS line-height が効かない
-
テーブルの中のグラデーション...
-
テーブルとテーブルの間に、隙...
-
セルの背景画像を、繰り返さず1...
-
cssのfont-sizeがFirefoxで効か...
-
innerHTMLを使わずに…
-
Jimdoで表組のなかの画像をポッ...
-
Firefox2で縦方向に隙間が出来...
-
スタイルシートで<table>の内側...
-
ヤフーストアのブースのカスタ...
-
Dreamweaverでソースが横一列に...
-
width="150" に収まるように・...
-
壁紙に複数の画像を使いたい
おすすめ情報