Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我怎样才能得到2个DIV';是否在CSS中的列表项中垂直对齐?_Css - Fatal编程技术网

我怎样才能得到2个DIV';是否在CSS中的列表项中垂直对齐?

我怎样才能得到2个DIV';是否在CSS中的列表项中垂直对齐?,css,Css,我正在开发一个评论系统,设计是我的薄弱环节,到目前为止,虽然我已经非常接近我想要的外观,但我的代码如下 有我的CSS代码和我的div组成了评论部分,我已经去掉了所有的花哨的东西,因为我只是有n对齐问题,它出现在下面的代码中 评论文章有两栏 左列将显示用户的照片、姓名和内容 右栏将有评论,日期和一些管理员的东西 我的问题是,我需要两列中的内容垂直对齐,即使 现在左列比右列高出1个块空间 有人能给我看一下或者帮我把它对齐吗 这里有一个phot也显示了对齐问题,请注意左侧的照片与右侧的文本不对齐

我正在开发一个评论系统,设计是我的薄弱环节,到目前为止,虽然我已经非常接近我想要的外观,但我的代码如下

有我的CSS代码和我的div组成了评论部分,我已经去掉了所有的花哨的东西,因为我只是有n对齐问题,它出现在下面的代码中

评论文章有两栏

左列将显示用户的照片、姓名和内容
右栏将有评论,日期和一些管理员的东西

我的问题是,我需要两列中的内容垂直对齐,即使
现在左列比右列高出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;}