当前位置：首页 → 问答吧 → div里控件垂直居中的问题

div里控件垂直居中的问题

时间：2011-12-07

来源：互联网

<div style="width: 98%; height: 28px; border-bottom: solid 1px #99BBE8; border-left: solid 1px #99BBE8; border-right: solid 1px #99BBE8; border-top: 0px;">
<input type="button" id="btnModify" runat="server" value="修改"/>
</div>
请问怎么让里面的按钮在div里垂直居中

作者: vsun123 发布时间: 2011-12-07

作者: JFlyer 发布时间: 2011-12-07

text-align:center;

作者: zsx841021 发布时间: 2011-12-07

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
    #wrap{width: 98%; height: 100px; border-bottom: solid 1px #99BBE8; border-left: solid 1px #99BBE8; border-right: solid 1px #99BBE8; border-top: 0px; display:table; _position:relative;}
    #center{display:table-cell; vertical-align:middle; _position:absolute; top:50%;}
    #ie6{_position:relative; _top:-50%;}
</style>
</head>

<body>
    <div id="wrap">   
          <div id="center">
            <div id="ie6">
                <input type="button" id="btnModify" runat="server" value="修改"/>
            </div>
        </div>
    </div>
</body>
</html>

作者: MuBeiBei 发布时间: 2011-12-07

text-algin:center
line-height:(div的高度)

作者: liutianji0923 发布时间: 2011-12-07

div里控件垂直居中的问题

热门阅读

热门下载