css里面div如何居中显示文字-tutorial css-php.cn

css里面div如何居中显示文字

藏色散人

Lepaskan： 2022-12-30 11:13:50

asal

7524 orang telah melayarinya

css里面div居中显示文字的实现方法：首先创建一个HTML示例文件；然后在body中添加div文字；最后通过为文字所在div添加“text-align:center”样式来设置div中文字居中即可。

css里面div如何居中显示文字

本文操作环境：Windows7系统、HTML5&&CSS3、Dell G3电脑。

可以通过为文字所在div添加text-align:center样式来设置div中文字居中。

text-align 属性规定元素中的文本的水平对齐方式。

该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。

属性值：

left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。

推荐：《css视频教程》

示例：

<html>
<head>
<style type="text/css">
div  {
width: 200px;
border: 1px solid red;
text-align: center;
}
</style>
</head>
<body>
    <div>
示例文字
        </div>
</body>
</html>

Salin selepas log masuk

效果如下：

Atas ialah kandungan terperinci css里面div如何居中显示文字. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

css里面div如何居中显示文字