- 主题:求助个问题
一个div,里面有几个子div,这些子div高度都固定,都是inline-block,希望他们像文字块一样从左到右排列,子div里面有些放img,有些放文字。
结果发现这些子div的高度高矮不一,上面的margin好像各不相同,但是都指了margin:0了。
应该怎么办呢?
--
FROM 218.30.116.*
line-height + vertical-align试试
【 在 kawolu (渚) 的大作中提到: 】
: 一个div,里面有几个子div,这些子div高度都固定,都是inline-block,希望他们像文字块一样从左到右排列,子div里面有些放img,有些放文字。
: 结果发现这些子div的高度高矮不一,上面的margin好像各不相同,但是都指了margin:0了。
: 应该怎么办呢?
: ...................
--
FROM 61.135.152.218
直接用网格式布局库,推荐Bootstrap,自己写的CSS,很难保证多浏览器兼容性。
【 在 kawolu 的大作中提到: 】
: 一个div,里面有几个子div,这些子div高度都固定,都是inline-block,希望他们像文字块一样从左到右排列,子div里面有些放img,有些放文字。
: 结果发现这些子div的高度高矮不一,上面的margin好像各不相同,但是都指了margin:0了。
: 应该怎么办呢?
--
FROM 124.42.13.*
不能用bootstrap
【 在 dhcn (coder) 的大作中提到: 】
: 直接用网格式布局库,推荐Bootstrap,自己写的CSS,很难保证多浏览器兼容性。
--
FROM 218.30.116.*
网格布局的JS库很多,比如960grid,不一定要用Bootstrap。
【 在 kawolu 的大作中提到: 】
: 不能用bootstrap
:
--
FROM 124.42.13.*
第一个回复比较靠谱
如果只有一行,.parent{line-height: div_height px}
如果是多行,.parent{vertical-align:top} 试试
【 在 kawolu (渚) 的大作中提到: 】
: 一个div,里面有几个子div,这些子div高度都固定,都是inline-block,希望他们
像文字块一样从左到右排列,子div里面有些放img,有些放文字。
: 结果发现这些子div的高度高矮不一,上面的margin好像各不相同,但是都指了
margin:0了。
: 应该怎么办呢?
--
FROM 108.87.101.*
试过了,不好使。
目前是用float:left搞定的,不过完全不知道为什么,我不是做前端的啊,为什么现在设计、布局、美工、交互全要我一个人搞啊。
【 在 radarxc1 (radarxc) 的大作中提到: 】
: 第一个回复比较靠谱
: 如果只有一行,.parent{line-height: div_height px}
: 如果是多行,.parent{vertical-align:top} 试试
: ...................
--
FROM 218.30.116.*