-1

「ul」と「li」を使用しているときに垂直方向の配置を設定するにはどうすればよいですか?

ここでは、すべてのフォントが同じ高さと同じ幅であるため、説明が困難です。
下の表をご覧ください。
これで、タグ クラウドに関する表ができました。

タグは実際にはサイズが異なり、'tags:' の下部の配置は、最大サイズのタグの上部と同じ配置になります。

逆に欲しい。最大のタグの下揃えは、 の下揃えと同じにする必要がありますtags:

出来ますか?

出力テーブル

th    td

tags: Apple Banana Strawberry Melon Orange Mango 
      Kiwi Pineapple grapefruit 

アップデート:

DEMOを作りましたhttp://jsfiddle.net/vrqe5/

そちらをご覧ください。

下揃えを同じに設定したい。
文字の一番下の配置とtags:、li タグの単語の最初の行を意味します。

4

1 に答える 1

1

コードについてはわかりませんが、試すことができます...

.yourTagClass{
   display: table-cell;
   vertical-alignment: bottom; //or text-bottom
 }

デモに従って、これらのスタイルを試してください

 div.weekly_tag tr{
    display:table-row;
    vertical-align:text-bottom;
 }

 div.weekly_tag th.tag_title{
    width:90px;
 }

 div.weekly_tag th.tag_tags{
    line-height: 25px;
    text-align:left;
 }

 div.weekly_tag li{
    display:inline;
    white-space:nowrap;
 }
于 2013-01-22T07:30:10.900 に答える