HTML如何在不使用<table>标签的情况下创建表

这篇文章主要介绍“HTML如何在不使用

标签的情况下创建表”，在日常操作中，相信很多人在HTML如何在不使用

标签的情况下创建表问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HTML如何在不使用

标签的情况下创建表”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

公司主营业务：做网站、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出灵台免费做网站回馈大家。

首先大家应该都知道HTML是用于创建网页的标准标记语言，HTML允许使用

标记创建表；但其实在层叠样式表(CSS)的帮助下，不使用标签也可以在HTML中创建表！

因为有各种可用的 CSS 框架，例如 BootStrap、Foundation、Pure、Bulma、UI kit、Materialize CSS、Semantic UI、Spectre 等等。

其中Bootstrap则是使用非常广泛的 CSS 框架。Bootstrap的网格系统有一个内建的flexbox，是一个一维布局模型，在界面中提供了项目之间的空间分布和强大的对齐功能。

下面就通过使用 CSS 的 BootStrap 框架创建表格

代码如下:




    
    创建表

    
    

    
        div {
            text-align: center;
        }

        #heading {
            font-weight: 700;
        }
    




    示例表格

    
        Id
        姓名
        性别
        工资
    

    
        101
        张三
        男
        50000
    

    
        102
        李四
        女
        30000
    

    
        103
        王二
        男
        40000
    

    
        104
        赵五
        女
        45000

效果如下所示：

HTML如何在不使用<table>标签的情况下创建表

注释：

Bootstrap CDN是一个公共内容交付网络，使用户能够从其服务器远程加载 CSS、JavaScript 和图像。BootStrap CDN 链接到代码以访问内置 CSS 库类。

Containers容器用于居中和水平填充实际内容。

Rows行封装了列。

Columns 列是行的直接子项。内容必须放在列中。没有指定宽度的列会自动显示为等宽列。我们可以明确指定列宽，也可以为不同的屏幕尺寸分配不同的宽度。我们可以使用预定义的实用程序类（如 bg-success、bg-info、bg-danger、bg-warning）、样式表或内联样式为不同的行或列指定背景颜色。

Border是 BootStrap 中的一个预定义类，用于在单元格周围创建边框。此外，还有几个边框实用程序类（如 border-dark、border-light、border-danger、border-success、border-warning）可通过赋予颜色或边框宽度来进一步增强外观和感觉。

到此，关于“HTML如何在不使用

标签的情况下创建表”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

新闻名称：HTML如何在不使用<table>标签的情况下创建表
文章源于：http://kswsj.cn/article/gcddhc.html

关于创新互联

HTML如何在不使用<table>标签的情况下创建表

其他资讯