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

看不出来是否垂直居中了啊。。哪位大神帮忙看看代码对不对？

<!DOCTYPE HTML>

<html>

<head>

<title>父元素高度确定的多行文本</title>

<style>

.wrap{height:300px;background:#ccc}

.haixiu{height:300px;vertical-align:middle;}

</style>

</head>

<body>

<div>

<p>看我是否可以居中。</p>

</div>

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

<div>

</div>

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

</body>

</html>

一时一

2019-03-11

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

关注问题我要回答

1462

操作

收起

4 回答

贺拉洋子
2019-05-05

如文，<td>自带居中。

.wrap,td{height:300px;background:#ccc} 加个td声明，确定高度和底色就能居中。

或者<td height=300px>确定高度，也能居中，只是没有底色。

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

收起回答

慕莱坞0249791
2019-03-24

直接.wrap后面加个td就行了

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

收起回答

qq_慕桂英4477663
2019-03-15

<!DOCTYPE HTML>

<html>

<head>

<title>父元素高度确定的多行文本</title>

<style>

.wrap{height:300px;background:#ccc}

.tp{

text-align:center;

}

</style>

</head>

<body>

<div>

<p>看我是否可以居中。</p>

</div>

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

</div>

</body>

</html>

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

收起回答

qq_慕的地1326435

这个不对，你只是在横向上做出了居中，你把前面那段删了<table><tbody><tr><td class="wrap"> <div> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> <p>看我是否可以居中。</p> </div> </td></tr></tbody></table> 这段，问题就出来了，这个不算水平居中

2019-06-30 回复有任何疑惑可以回复我~