html css问题
请教下，我在li 行里有a,b两个div element,不管有没有a,我都想要b保持相对的位置，如何做啊？我不想用position=absolute,a b
b
谢谢:loveliness: 没看懂问题。。。 周星星1832 发表于 16-2-2015 14:28
没看懂问题。。。
html code
<ul>
<li><div class="a">a</div><div class="b">b</div></li>
<li><div class="b">b</div></li>
</ul>
我希望b能对齐，不管有没有a,最好不用html table. 对齐的方法有很多。无非是用box model的各种属性。
你把a放到li外面，只让b做list item，不就都能对齐了吗？ 我发现DDD888是个爱学习的好少年啊！ <ul>
<li><div class="a" style="width:50px;float:left" >a</div><div style="float:left" class="b">b</div></li>
<li><div style="width:50px;clear:left;float:left" class="a"> </div><div style="float:left" class="b">b</div></li>
</ul> 周星星1832 发表于 16-2-2015 14:43
ab
b
谢谢:) DDD888 发表于 16-2-2015 14:55
谢谢
you are welcome 周星星1832 发表于 16-2-2015 14:56
you are welcome
看来非常有用:) Mr.Q 发表于 16-2-2015 14:39
对齐的方法有很多。无非是用box model的各种属性。
你把a放到li外面，只让b做list item，不就都能对齐了吗 ...
不行啦
我是用在jquery mobile Inset listview Mr.Q 发表于 16-2-2015 14:40
我发现DDD888是个爱学习的好少年啊！
谢谢夸奖，我听了很高兴:loveliness: DDD888 发表于 16-2-2015 15:04
看来非常有用
maybe a little bit dirty, but simple......... 没想到我们的水王版主还是前端高手 :qiang:qiang:qiang wiserfirst 发表于 17-2-2015 15:51
没想到我们的水王版主还是前端高手
:ppb_60 这不就是Table吗？如果不想用html的table的话，可以用CSS控制tags实现table的layout。
<ul>
<li><div>aaaaaa</div><div>b</div></li>
<li><div></div><div>b</div></li>
</ul>
CSS：
li > div {
display: table-cell;
}
li {
display: table-row;
}
ul {
display: inline-table;
} 周星星1832 发表于 16-2-2015 14:43
ab
b
猩猩是搞这个的？ Lopemann 发表于 27-2-2015 18:54
猩猩是搞这个的？
对啊。程序员
前后台数据库服务器一手抓。。。 哇，楼上都是高手 周星星1832 发表于 27-2-2015 19:08
对啊。程序员
前后台数据库服务器一手抓。。。
数据库这些你也擅长啊
那我这个学期的作业你岂不是能帮忙了！ Lopemann 发表于 27-2-2015 20:09
数据库这些你也擅长啊
那我这个学期的作业你岂不是能帮忙了！
。。。。。有问题微信我 周星星1832 发表于 27-2-2015 20:43
。。。。。有问题微信我
:yct_6 Lopemann 发表于 27-2-2015 21:07
及格还是可以保证的 周星星1832 发表于 27-2-2015 19:08
对啊。程序员
前后台数据库服务器一手抓。。。
失敬失敬啊。。。 :good:good:good wiserfirst 发表于 4-3-2015 10:01
失敬失敬啊。。。
:mk_12
页:
[1]