Rumah >hujung hadapan web >html tutorial >html中如何让DIV标签中的P标签水平和垂直都居中？
html中如何让DIV标签中的P标签水平和垂直都居中？
- 黄舟asal
- 2017-07-03 13:51:3511863semak imbas
html中如何让DIV标签中的P标签水平和垂直都居中？
<!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>Atas ialah kandungan terperinci html中如何让DIV标签中的P标签水平和垂直都居中？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html中关于p标签不对齐问题Artikel seterusnya：怎么让下面html代码中的p标签右对齐