communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > 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 ?

黄舟

Libérer： 2017-07-03 13:51:35

original

11862 Les gens l'ont consulté

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>

Copier après la connexion

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!

Étiquettes associées：

html 如何

source：php.cn

Article précédent：Problème avec le désalignement des balises p en HTML Article suivant：Comment aligner à droite la balise p dans le code html suivant

Déclaration de ce site Web

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

Derniers articles par auteur