本文摘自PHP中文网,作者藏色散人,侵删。
html中让表格居中的方法:首先新建html文件;然后在<style>标签中输入代码“body {text-align: center;} table {margin: auto;}”即可让表格居中。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
设置表格居中方法实现:
首先,打开html编辑器,新建html文件,例如:index.html。
在index.html中的<style>标签中,输入css代码:body {text-align: center;} table {margin: auto;}。
浏览器运行index.html页面,此时成功用css让表格居中了。
说明:
css代码body {text-align: center;} table {margin: auto;}是两个元素选择器,分别为body和table两个元素设置css样式。
在 W3C 标准中,元素选择器又称为类型选择器(type selector)。
“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”
【推荐学习:css视频教程】
以上就是html中怎么让表格居中的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html中的label标签怎么设置高度?label标签的使用方法介绍
Html中图片显示方式-----img与background的区别
Html optgroup标签是什么意思?关于Html optgroup标签的用法和属性实例解析
Html textarea是什么意思?如何获取textarea标签中的换行符和空格?
更多相关阅读请进入《Html》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者