Question

我试图在IEC中使用 c子制造一个小 but子,但标题并非纵向集中......我如何这样做?

“垂直:中;”无效果:

......

.tinyButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #e5e5e5 );
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-top-radius: 2px;
    border-bottom-top-radius: 2px;
    border: 1px solid #dcdcdc;
    color: #777777;
    font-family: verdana;
    font-size: 8px;
    padding: 1px 2px;
    height: 14px;
}

Thanks!! Mojo

Answer 1

你已经尝试:

vertical-align: middle;

edit: height of button needed to be adjusted to fit text properly

Answer 2

例如:

line-height: 5px

并且,如果只为E7服务,你就可以这样做:

*line-height: 5px;

Answer 3

Adjusted with padding
padding: 3px 13px 5px;
removed attribute height
Added attribute
float:left;

CSS

    .tinyButton {
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: -webkit-gradient( linear, left top, left bottom, 
        color-stop(0.05,#ffffff),  color-stop(1, #d1d1d1) );
        background: -moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff ,
        endColorstr= #e5e5e5 );
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 2px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-top-radius: 2px;
        border-bottom-top-radius: 2px;
        border: 1px solid #dcdcdc;
        color: #777777;
        font-family: verdana;
        font-size: 8px;
        padding: 3px 13px 5px;
        float:left;
    }

友情链接