Question

如何在使用'ul'和'li'时设置垂直对齐？

这里每个字体的高度和宽度都相同，所以很难解释请参阅下表现在有一个关于标签云的表格。

标签的大小实际上不同，“标签：”输入的底部对齐方式与最大尺寸标签的顶部对齐方式相同。

我想要反其道而行之。最大标签的底部对齐方式应与tags:中的底部对齐方式相同。

有可能吗？

输出表格

th    td

tags: Apple Banana Strawberry Melon Orange Mango 
      Kiwi Pineapple grapefruit

更新：

我做了DEMO http://jsfiddle.net/vrqe5/

请看一下。

我想将底部对齐设置为相同我的意思是角色tags:的底层和li标签的第一行。

Answer 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;
 }

如何在使用＆＃39; ul＆＃39;时设置垂直对齐方式。和＆＃39; li＆＃39;？

1 个答案: