html css问题

DDD888

请教下，我在li 行里有a,b两个div element,不管有没有a,我都想要b保持相对的位置，如何做啊？我不想用position=absolute,


a b
   b

谢谢

周星星1832

没看懂问题。。。

DDD888

周星星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.

Mr.Q

对齐的方法有很多。无非是用box model的各种属性。
你把a放到li外面，只让b做list item，不就都能对齐了吗？

Mr.Q

我发现DDD888是个爱学习的好少年啊！

周星星1832

<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">&nbsp;</div><div style="float:left" class="b">b</div></li>
</ul>

DDD888

周星星1832 发表于 16-2-2015 14:43
ab
&nbsp;b

谢谢

周星星1832

DDD888 发表于 16-2-2015 14:55
谢谢

you are welcome

DDD888

周星星1832 发表于 16-2-2015 14:56
you are welcome

&nbsp;看来非常有用

DDD888

Mr.Q 发表于 16-2-2015 14:39
对齐的方法有很多。无非是用box model的各种属性。
你把a放到li外面，只让b做list item，不就都能对齐了吗 ...

不行啦

我是用在jquery mobile Inset listview

DDD888

Mr.Q 发表于 16-2-2015 14:40
我发现DDD888是个爱学习的好少年啊！

谢谢夸奖，我听了很高兴

周星星1832

DDD888 发表于 16-2-2015 15:04
&nbsp;看来非常有用

maybe a little bit dirty, but simple.........

wiserfirst

没想到我们的水王版主还是前端高手

周星星1832

wiserfirst 发表于 17-2-2015 15:51
没想到我们的水王版主还是前端高手

superopengl

这不就是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;
}

Lopemann

周星星1832 发表于 16-2-2015 14:43
ab
&nbsp;b

猩猩是搞这个的？

周星星1832

Lopemann 发表于 27-2-2015 18:54
猩猩是搞这个的？

对啊。程序员
前后台数据库服务器一手抓。。。

amu

哇，楼上都是高手

Lopemann

周星星1832 发表于 27-2-2015 19:08
对啊。程序员
前后台数据库服务器一手抓。。。

数据库这些你也擅长啊
那我这个学期的作业你岂不是能帮忙了！

周星星1832

Lopemann 发表于 27-2-2015 20:09
数据库这些你也擅长啊
那我这个学期的作业你岂不是能帮忙了！

。。。。。有问题微信我

Lopemann

周星星1832 发表于 27-2-2015 20:43
。。。。。有问题微信我

周星星1832

Lopemann 发表于 27-2-2015 21:07

及格还是可以保证的

wiserfirst

周星星1832 发表于 27-2-2015 19:08
对啊。程序员
前后台数据库服务器一手抓。。。

失敬失敬啊。。。

周星星1832

wiserfirst 发表于 4-3-2015 10:01
失敬失敬啊。。。