HTML中如何让控件居中

最新推荐文章于 2024-08-19 10:00:49 发布

lqfang_

最新推荐文章于 2024-08-19 10:00:49 发布

阅读量2.4w

点赞数 2

分类专栏： html JavaScript 文章标签： html css 居中

本文链接：https://blog.csdn.net/flq0716flq/article/details/78135689

版权

本文探讨了在HTML中使控件居中的两种方法。首先介绍了使用`center`标签，但这种方法仅能实现水平居中。接着，推荐了使用`div`标签配合`align="center"`属性的方法，该方法可以实现水平居中，并适用于不同场景。

摘要由CSDN通过智能技术生成

接触前段时间不长，尝试通过控件本身用css让控件居中，但是失败了，上网查找资料，找到了思路，对该控件设置父标签，然后设置居中的属性

方法1设置center父标签，测试后发现此方法只能让控件横向居中：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>

    <style>

        #i1 {
            text-align: center;
            color: #0c040a;
            background-color: #9933cc;
            font-size:larger;
            width: <