CSS のないプレーン HTML: Colspan が th/td で正しく動作せず、すべての行で一貫性があります。

Question

私の colspan が機能しない理由がわかりません。 CSS ソリューションはありますが、なぜこれが機能しないのか混乱しています。 最初の列は他の列の幅の 1/3 にする必要があります。最初の列と td にはcolspan="1"、他のすべての列にはcolspan="3"を指定します。

このアプリケーションはリーダーボード用であるため、最初の列にはランキング番号 (1、2、3...) が含まれ、後続の列よりもはるかに狭い必要があります。

もちろん、class="colspan-3" と class="colspan-1" および css colspan-1{width:4.5%} Colspan を使用できます。 またはその他の数学的結果を解くには、-3 {width:13.5%} を使用します...しかし、私は本当に何が起こっているのか知りたいだけです。

この質問は将来誰かの役に立つと思うので、詳細を追加します:

当時、私は基本的に各列の幅を他の列に対して相対的にすることで、colspan を相対単位として使用できると考えていました。私が抱えている問題は、各列の単位がまったく同じであることです。これは列内の個々のセルに対してのみ機能し、基本的に Microsoft Excel の「結合」機能と似ています。

リーリー

Answer 1

ありがとう @Ouroborus 頭がおかしいのではないかと思いましたが、10 年近く毎日 HTML を使用してきた今でも、明らかにまだ学ぶべきことが残っています。

colspan は、ここで定義されているように、列内のすべてのセルが同じ数の列にまたがるように設定されている場合は機能しません: https://developer.mozilla.org/en-US/docs /Web/HTML /要素/td

私の誤解を発見してくれたウロボロスに改めて感謝します!