                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

垂直居中1 任务

垂直居中父元素高度确定的多行文本任务怎么做求代码

慕神1849251

2017-02-12

源自：初识HTML(5)+CSS(3)-升级版 15-9

关注问题我要回答

683

操作

收起

5 回答

慕粉1104067302 回答被采纳 +3 积分
2017-02-12

<table><tbody><tr><td class="wrap">/*设置类wrap是为了让CSS中的灰色背景同时作用在文本和图片的两个块上，使得居中效果更明显*/

</td></tr></tbody></table>

0 回复有任何疑惑可以回复我~

收起回答

慕神1849251 提问者

非常感谢！

2017-02-12 回复有任何疑惑可以回复我~

慕神1849251 提问者

分是给你了完全没有解决问题啊

2017-02-12 回复有任何疑惑可以回复我~

theta129
2017-03-14

为需要居中的元素加入css

{position:absolute;}

0 回复有任何疑惑可以回复我~

收起回答

qq_Absurdyears_0
2017-02-18

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>父元素高度确定的多行文本</title>
<style>
.wrap{height:300px;background:#ccc}
.wra{display:block;
margin-bottom:50%;
margin-left:50%}
</style>
</head>

<body>
<table><tbody><tr><td class="wrap">
<div>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
    <p>看我是否可以居中。</p>
</div>
</td></tr></tbody></table>

<div class="wra">
<img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div>
</body>
</html>

你试试这个，看看是不是你要求的

0 回复有任何疑惑可以回复我~

收起回答