l****e
发帖数: 359 | 1 用表格貌似很容易的，要求的效果是一个n行2列的表格，左边一列是小图片，
右对齐；右边一列是文字描述，左对齐。
请问这个效果如果用css不用表格该如何实现呢？
试过把图片和文字分开写两个div，可是右边的文字由于用了一些格式，在不同
的浏览器下效果不同，所以左边的定位就比较头疼，一对文字和图片上面有的
时候不是对齐的。。。 |
l*******9
发帖数: 177 | 2 你需要 div 里面内容的 vertical-align 还是解决 div 之间串行的问题？
【在 l****e 的大作中提到】
: 用表格貌似很容易的，要求的效果是一个n行2列的表格，左边一列是小图片，
: 右对齐；右边一列是文字描述，左对齐。
: 请问这个效果如果用css不用表格该如何实现呢？
: 试过把图片和文字分开写两个div，可是右边的文字由于用了一些格式，在不同
: 的浏览器下效果不同，所以左边的定位就比较头疼，一对文字和图片上面有的
: 时候不是对齐的。。。
|
l****e
发帖数: 359 | 3 请给个解决思路吧，我现在一头雾水，不知道该怎么做
【在 l*******9 的大作中提到】
: 你需要 div 里面内容的 vertical-align 还是解决 div 之间串行的问题？
|
l*******9
发帖数: 177 | 4 你需要怎么样的对齐方式，左右 div 都靠顶部还是都居中？？
靠顶部的话应该在左边的那个 div 设 clear:both;
右边的设 clear:left; div里面自动都靠顶部对齐
如果垂直居中，用 display:table-cell; vertical-align:middle;
应该可以，不过 IE们 可能不支持。。设置 line-height
可能也有点用：）
不知道还有其它什么 CSS 的方法不？
【在 l****e 的大作中提到】
: 请给个解决思路吧，我现在一头雾水，不知道该怎么做
|
l****e
发帖数: 359 | 5 谢谢，我试试看
【在 l*******9 的大作中提到】
: 你需要怎么样的对齐方式，左右 div 都靠顶部还是都居中？？
: 靠顶部的话应该在左边的那个 div 设 clear:both;
: 右边的设 clear:left; div里面自动都靠顶部对齐
: 如果垂直居中，用 display:table-cell; vertical-align:middle;
: 应该可以，不过 IE们 可能不支持。。设置 line-height
: 可能也有点用：）
: 不知道还有其它什么 CSS 的方法不？
|
l*******9
发帖数: 177 | 6
sorry,应该是float:left,没注意敲错了：（
【在 l*******9 的大作中提到】
: 你需要怎么样的对齐方式，左右 div 都靠顶部还是都居中？？
: 靠顶部的话应该在左边的那个 div 设 clear:both;
: 右边的设 clear:left; div里面自动都靠顶部对齐
: 如果垂直居中，用 display:table-cell; vertical-align:middle;
: 应该可以，不过 IE们 可能不支持。。设置 line-height
: 可能也有点用：）
: 不知道还有其它什么 CSS 的方法不？
|
