0

HTMLでulタグを使用してテーブルビューを作成しようとしています。リンクでは、2 つの li タグを使用して 2 つの列を作成しています。2 つの画像を使用して、li タグで使用されるスペース、列のドット、および行のドットを示しました。html、css、および 2 つの画像ファイルを提供しました。

画像

dot_column dot_rows 取得したレイアウトのスクリーンショット

index.html -> http://pastebin.com/d8nq8pfr
style.css -> http://pastebin.com/V7iR3ZqE

提供されたファイルによって作成されたレイアウトを見ると、テーブル レイアウトの 2 行目の高さが不規則であることがわかります。両方の高さは、異なる ul タグからのものです。

だから私の質問は、両方の高さを同じにする方法はありますか (明らかに、同じ高さにするために最高のものを考慮する必要があります;))?

4

2 に答える 2

0

これが表形式のデータである場合は、表に含める必要があります。他の要素をテーブルのように動作させることができますが、いくつかの制限があります（行スパン/列スパンなどはありません）。

#title1, #title2 {
    display: table-cell;
}

これはIE7以前では機能しません。

于 2012-09-23T14:12:29.027 に答える
0

これが表形式のデータであるかどうかを真剣に検討してください。そうであれば<table>、<tr>、<td>、 などを使用してください。そして、「テーブル」という言葉はかなり広い定義を持っています...フォームを構造化するためにそれらを使用することさえ間違っていません(おそらく少しセマンティックな灰色の領域ですが)。

ただし、意味的にこれが実際には順序付けられていないリストであると判断した場合は、CSS テーブル モデルを使用して要素を「表形式で」表示できます。それには、要素に 、およびスタイルを適用するdisplay: table必要display: table-rowがdisplay: table-cellあります。値の完全なセットについては、そのリンクを参照してください。これらは古いブラウザー (IE7 以前) ではサポートされていません。<table><tr><td>

IE7 をサポートする必要がある場合 (または、IE6 を禁じている場合でも)、コラム レイアウト パターンに頼る必要があります。コラム レイアウト パターンには、インターネット上で専用の記事が何千もあります。

于 2012-09-23T14:21:25.303 に答える