Maison > Article > interface Web > Comment centrer la balise P dans une balise DIV horizontalement et verticalement en HTML ?
Comment centrer la balise P dans une balise DIV horizontalement et verticalement en HTML ?
- 黄舟original
- 2017-07-03 13:51:3511805parcourir
Comment centrer la balise P dans la balise DIV à la fois horizontalement et verticalement en HTML ?
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Problème avec le désalignement des balises p en HTMLArticle suivant：Problème avec le désalignement des balises p en HTML