不写css使div居中显示怎么实现-前端问答-PHP中文网

不写css使div居中显示怎么实现

藏色散人

发布： 2023-02-02 09:16:23

原创

2514人浏览过

不写css使div居中显示的方法：1、创建一个HTML示例文件；2、定义一些p标签内容；3、使用“”标签实现不写css也能使div居中显示。

不写css使div居中显示怎么实现

本教程操作环境：Windows10系统、CSS3版、DELL G3电脑

不写css使div居中显示怎么实现？

可以使用

标签。

对其所包括的文本进行水平居中。

立即学习“前端免费学习笔记（深入）”；

实例

将 HTML 网页中的文本进行水平居中处理：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>

<p>这是一些文本。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1035">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680029477011.png" alt="Moshi Chat">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1035">Moshi Chat</a>
                            <p>法国AI实验室Kyutai推出的端到端实时多模态AI语音模型，具备听、说、看的能力，不仅可以实时收听，还能进行自然对话。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="Moshi Chat">
                                <span>165</span>
                            </div>
                        </div>
                        <a href="/ai/1035" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="Moshi Chat">
                        </a>
                    </div>
                
<center>这个文本居中对齐。</center>
<p>这是一些文本。</p>

</body>
</html>

登录后复制

效果如下：