1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：
2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：
3、最后打开浏览器就可以看到居中的一行表格了：
在使用HTML绘制页面的时候，适当的图文编排可以使内容更具有吸引力，下面就介绍下使HTML中图片居中的简单办法 打开记事本或者其他的代码编辑器，新建一个HTML文件，如下图 使用浏览器打开这个HTML文件，可以看到如下图所示的效果，图片在整个页面的左方 使图片居中，可以通过HTML中的align属性来控制，在图片的div中加入align=“center” 再次在浏览器中打开这个页面文件，效果如下，图片已经居中显示 我们还可以通过样式文件来实现图片的居中显示，这里我们以class选择器为例，为图片层加入class="img_center"，然后在style标签中定义样式，如下图 在浏览器中打开这个文件，效果如下，发现图片也可以居中显示如果单纯用html语言的话，就是<center></center>这一对，如果是搞网页设计的话，建议使用css语言来修饰网页。 *** 作方法如下：
1、首先双击打开HBuilderX开发工具，创建一个Web项目，并在项目pages文件夹下，新建静态页面center.html。
2、打开center.html文件，修改title标签中的文本显示内容。
3、在<body></body>标签中，插入一个div标签，并添加标签的id属性。
4、利用ID选择器在style标签中，设置div标签的样式属性，如宽度、高度、行高、字体属性等。
5、接着给div标签添加一个样式属性background-color。
6、再次保存代码并刷新浏览器，可以看到字体在背景颜色块中间位置，说明字体居中显示。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）