如何解决css垂直对齐范围
| 我正在尝试使所有内容垂直对齐,但似乎无法弄清楚 这是CSSfieldset 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-什么是垂直对齐
小提琴测试
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。