テーブルを作成しました。セルの数は随時増やしていく予定にしてます。
デフォルトではmiddleになっている縦方向の位置をCSSを使って一括でTOPに設定しておきたいのですが…タグに<tr valign="top">と設定すればよいのですが、行数が増える一方になるので、できるだけ内容をスッキリさせたいところです。CSSで設定できればいいなと思います。横位置はtr{text-align:center}で指定できるようですがtr{text-valign:middle}とやっても変化がなかったので(強引)…
よい方法がありましたら教えて下さい。宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
CSSでテーブル内の縦位置をtopにしたい場合は、vertical-alignで指定します。
とりあえず、head内で、
td{ vertical-align: top;}
と設定してみれば、ご希望通りの表示になるのではないかと思います。
なお、CSSのvertical-align属性は、テーブル内容の縦位置の設定だけではなくて、画像などと文章との相対高さの設定にも利用されますね。
参考になれば幸いです。
ご回答有難うございました。即決致しました!いや~強引にやってはダメですね~画像などにも使えるとのことなので活用したいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) 【VBA】写真の縦横比を変えずに貼り付ける 5 2023/06/13 11:42
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS htmlとcssで吹き出しの中に文字を置きたいのですが、 html 〈div class bb〉 〈 3 2023/02/04 22:44
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- Excel(エクセル) エクセルで同じ数字同士を自動で線で結ぶVBAを教えてください 6 2022/04/26 23:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの位置を細かく指定し...
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
ホームページのテーブルに斜線...
-
CSSで文字を一番下の中央に表示...
-
テーブルの高さ幅の固定方
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
html+CSSでテーブルのスクロー...
-
(タグ)一部の背景色だけ変更...
-
更新するとずれる?
-
テーブルが自動改行される
-
縦軸に対して常に中央に配置す...
-
画像の横にテーブルを。。。
-
HTMLでテーブルを横に並べる方法
-
テーブルを中央に配置
-
一つのテーブル内の文字色だけ...
-
CSSを使って|の方向に並んだテ...
-
html初心者です。 仕事で、 テ...
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
スタイルシートで、画像の横に...
-
テーブルの高さ幅の固定方
おすすめ情報