Comment définir la police CSS pour qu'elle soit centrée sur une seule ligne

Comment définir une seule ligne de polices CSS à centrer : créez d'abord un div ; puis écrivez une balise p dans le div ; enfin, définissez l'attribut "text-align: center;" .

L'environnement d'exploitation de ce tutoriel : ordinateur Dell G3, système Windows 7, version HTML5&&CSS3.

css définir le centre d'une seule ligne de police

1 Tout d'abord, pour faciliter l'observation, créez un div

<style>
    .app{
        width: 200px;
        height: 100px;
        border: 1px solid skyblue;
    }
</style>
<div class="app">
    
</div>

.

2. Ensuite, écrivez une balise p dans le div et définissez son attribut text-align: center;

<style>
    .app{
        width: 200px;
        height: 100px;
        border: 1px solid skyblue;
    }
    .app > p{
        text-align: center;
        overflow: hidden;　
        text-overflow:ellipsis;　　
        white-space: nowrap;
    }
</style>
<div class="app">
    <p>Hello World！</p>
</div>

3. S'il s'agit d'un élément en ligne tel que span, vous pouvez ajouter l'attribut text-align: center; 4. Pour centrer verticalement une seule ligne de texte, définissez simplement la hauteur de la ligne sur la même hauteur que la hauteur de l'élément parent.

<style>
    .app{
        width: 200px;
        height: 100px;
        text-align: center;
        border: 1px solid skyblue;
    }
</style>
<div class="app">
    <span>Hello World！</span>
</div>

Recommandé : "

tutoriel vidéo CSS

"

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!