首页 > 代码库 > 让DIV标签中的P标签水平和垂直都居中
让DIV标签中的P标签水平和垂直都居中
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>
让DIV标签中的P标签水平和垂直都居中
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。