htmlセルの幅を変更する方法

私は手動でセルのサイズを制御したいhtmlテーブルを持っています。私はそれがどのように働くべきかについて混乱している。 まず、セルサイズが列内の最大の内容に自動的に設定されるか、固定サイズになるかを制御するCSS属性 "table-layout"があります。私はtable-layout = autoと= fixedの両方を使用してtd要素のCSS幅を設定しようとしましたが、両方の場合、元のサイズから縮小しました。問題は、テーブルレイアウトのいずれかの値を使用したいサイズに縮小していないことです。 ここに私のCSSコードです:

table {table-layout:fixed;}
tr, td {border-style:solid;
  border-width:2px;}
.coursename{width:50px;}
.startdate {width:5px;} 
.isbn{width:10px;}
.author {width:20px;}
.booktitle{width:10px;}

次に、自動表レイアウトのルールはどういうものですか?すべての表のセルの内容が一緒にページのサイズを超えた場合、最初に縮小する特定の列がありますか?彼らはまったく縮小するだろうか?

1
コンテンツサンプルでサンプルHTMLを投稿できますか? cssだけで解決策を見つけるのは難しいです。
追加された 著者 Alexey Ivanov,

2 答え

役に立つかもしれない1つのアイデアは、たとえば各セルにリンクがある場合、このようなリンクを設定します:

a { display: block; width: 30px; }

これをテーブル行のすべてのセルで行い、固定幅のテーブルセルを作成します。あなたがテーブルの幅を固定していれば... ... :)

1
追加された

私はあなたの問題が何であるかまだ分かりませんが、     {table-layout:継承;} これは、親要素からサイズを取得する必要があります。 また、css要素をhtmlに挿入して、他の要素を上書きすることもできます。     {class = "!width:300px;"}

お役に立てれば。

0
追加された