+ -
当前位置:首页 → 问答吧 → 怎么让<input type="submit">里面的value 垂直水平居中呢。

怎么让<input type="submit">里面的value 垂直水平居中呢。

时间:2011-05-08

来源:互联网

HTML code
<form id="sendemail">
                <fieldset id="set">
                     <label> emial address</label><br>
                    <input type="text" name="email" value="Enter email..."/><br>
                    <input type="submit" name="send" value="send"/>
                </fieldset>
            </form>

怎么让<input type="submit">里面的value 垂直水平居中呢。

作者: sonaXH   发布时间: 2011-05-08

你可以用margin-left,margin-top来调整。

作者: healer_kx   发布时间: 2011-05-08

我知道啦,加一个属性:display:block;

作者: sonaXH   发布时间: 2011-05-08

恩,块属性~

作者: healer_kx   发布时间: 2011-05-08

引用 2 楼 sonaxh 的回复:

我知道啦,加一个属性:display:block;
不过这个设高度就不行了。那怎么样才能让<input type="text">和<input="button">都右对齐呢。在form里面设置 text-align :right . ie里面可以 ,但是ff里面却在左边显示。
贴我的代码,帮忙看下:HTML code
<form id="sendemail">
                
                    <input type="text" name="email" value="Enter email..."/> <br>
                    <input type="submit" name="send" value="send"/>
                 
            </form>

CSS code

#sendemail {
    position:absolute;
    top:180px;
    right:60px;
    margin-top:10px;
    text-align: right;
}
 
#sendemail input[type="text"]{
    width: 217px;
    height:25px;
    line-height:25px;
    vertical-align: middle;
    border:1px solid black;
    margin-bottom:10px;
}
#sendemail  input[type="submit"] {
    
    width:75px;
    display: block;
}

作者: sonaXH   发布时间: 2011-05-08