css垂直对齐范围

问题描述

| 我正在尝试使所有内容垂直对齐，但似乎无法弄清楚 这是CSS

fieldset span{
    padding:50px 10px 0px 10px;
    float:left;
    clear:none;
}
fieldset span.buttons{
    float:right;
}

和html标记

<fieldset class=\"remove\">
    <span class=\"itemtype\">story</span>
    <span class=\"itemtype\">53547</span>
    <span class=\"title\">New online education program aimed at curbing dangerous drinking</span>
    <span class=\"buttons\">
        <a href=\"#\" target=\"blank\"><img src=\"img/edit.png\" alt=\"edit story\" />Edit</a>
        <a href=\"#7\" target=\"blank\"><img src=\"http://www.bibliomania.com/graphics/read.gif\" alt=\"read story\" />Read</a>
    </span>
    <input type=\"hidden\" name=\"featured[items][53547]\" value=\"story\" />
</fieldset>

和一个小提琴，您可以看到图像如何向下推，同时也需要纠正\'a \'标记文本中的文本 编辑 使用背景图片会很好，但这会使图片在文本下看到新的小提琴     

解决方法

只对顶部和底部使用填充怎么办： 字段集跨度{     padding：25px 10px 25px 10px; ... http://jsfiddle.net/SxCH2/5/     ,尝试这个 ：

fieldset span a img {
    vertical-align: middle;
}

“ 3”是CSS属性，通常被误用于对齐文本。但是，其目的是对齐图像（是的，它也对齐文本，但仅在

table

中）。 看到CSS-tricks.com-什么是垂直对齐 小提琴测试