我怎样才能得到2个DIV';是否在CSS中的列表项中垂直对齐?
我正在开发一个评论系统,设计是我的薄弱环节,到目前为止,虽然我已经非常接近我想要的外观,但我的代码如下 有我的CSS代码和我的div组成了评论部分,我已经去掉了所有的花哨的东西,因为我只是有n对齐问题,它出现在下面的代码中 评论文章有两栏 左列将显示用户的照片、姓名和内容我怎样才能得到2个DIV';是否在CSS中的列表项中垂直对齐?,css,Css,我正在开发一个评论系统,设计是我的薄弱环节,到目前为止,虽然我已经非常接近我想要的外观,但我的代码如下 有我的CSS代码和我的div组成了评论部分,我已经去掉了所有的花哨的东西,因为我只是有n对齐问题,它出现在下面的代码中 评论文章有两栏 左列将显示用户的照片、姓名和内容 右栏将有评论,日期和一些管理员的东西 我的问题是,我需要两列中的内容垂直对齐,即使 现在左列比右列高出1个块空间 有人能给我看一下或者帮我把它对齐吗 这里有一个phot也显示了对齐问题,请注意左侧的照片与右侧的文本不对齐
右栏将有评论,日期和一些管理员的东西 我的问题是,我需要两列中的内容垂直对齐,即使
现在左列比右列高出1个块空间 有人能给我看一下或者帮我把它对齐吗 这里有一个phot也显示了对齐问题,请注意左侧的照片与右侧的文本不对齐
评论列表{
右边距:自动;
左边距:自动;
填充:0;
列表样式类型:无;
宽度:950px;
}
李先生{
浮动:左;
保证金:0;
填充:10px 10px 10px 10px;
宽度:950px;
}
ol.commentlist li div.photocolumn{
显示:块;
浮动:左;
宽度:120px;
}
ol.commentlist li div.commenttext{
位置:相对位置;
浮动:对;
利润率:0.15px0;
填充:0 80px 0 30px;
最小高度:53px;
宽度:700px;
左边框:1px实心#dfe5e7;
溢出:隐藏;
}
这里有一张照片
3009年12月2日
作为一名网页设计新手,我曾经有过同样的坏习惯,把东西直接放到photoshop中
如您所见,实际DIV的do对齐(文本DIV的边框与照片顶部对齐。问题在于文本本身。我建议使用FireBug()要检查CSS,您可以突出显示元素,并在屏幕上查看它们的实际边界框和边距。导致问题的是段落元素
上的默认边距
只需添加:
div.commenttext p{margin:0;}
你会没事的。当然,如果你需要一些不同的东西,你可以调整边距。CSS没问题。这是
标签。试着用
来换行。正如Tom提到的,FireBug是识别这类问题不可或缺的工具。
div.commenttext p{margin:0;}