您的位置：首页 > Web前端 > CSS

css-多行文字固定高度垂直居中（ie6.7.8.9 chrome ff）

2014-08-13 17:21 381 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  

<head>  

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />  

    <title></title>  

</head>  

<style type="text/css">  

    *{padding: 0;margin: 0;}  

    .box{width: 400px;height: 400px;border: solid 5px red;}  

    .txt,.bug{display: inline-block;vertical-align: middle;*display:inline;zoom:1;}  

    .txt{}  

    .bug{height: 100%;width: 1px;}  

</style>  

<body>  

    <div class="box">  

        <p class="txt">你妹啊妹啊<br>你妹啊妹啊</p>  

        <p class="bug"></p>  

    </div>  

</body>  

</html>  

利用vertical-align居中的方法让文字相对于后面p标签一起居中
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航