让DIV标签中的P标签水平和垂直都居中

最新推荐文章于 2023-03-06 11:34:51 发布

weixin_30528371

最新推荐文章于 2023-03-06 11:34:51 发布

阅读量930

点赞数

原文链接：http://www.cnblogs.com/zaifeng0108/p/7226422.html

版权

http://blog.csdn.net/yaoyyl/article/details/50548589

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>让DIV标签中的P标签水平和垂直都居中</title>
<style type="text/css">
div {
width:400px;
height:300px;
border:1px solid #666;
overflow:hidden;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle;
}
p {
border:1px solid #333;
width:100%;
}
* { margin:0; padding:0;}
</style>
</head>
<body>
<div>
<p>我是多行文本，我要水平和垂直都居中。</p>
<p>且要完全兼容ff和ie。我是多行文本，我要水平和垂直都居中。且要完全兼容ff和ie。</p>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/zaifeng0108/p/7226422.html

weixin_30528371

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让DIV标签中的P标签水平和垂直都居中

http://blog.csdn.net/yaoyyl/article/details/50548589<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>让DIV标签中的P标签水平和垂直都居中</title>...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。