网页设计教程:怎么让页面居中显示

页面居中对齐的方式有很多种实现方法。下面,我们来看看怎么让页面居中显示吧。

操作方法

    01

    新建html页面
    首先打开visual studio软件,然后新建一张HTML页面,如下图所示:

    02

    main
    然后创建一个div,名称为main,随便写上一些文字,如下图所示:

    03

    居中对齐
    然后对body主题设置样式,代码为body{ margin:0 auto;width:780px;}如下图所示:

    04

    预览效果
    在浏览器中的预览效果如下图所示:

温馨提示:经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
免责声明:本文转载来之互联网,不代表本网站的观点和立场。如果你觉得好欢迎分享此网址给你的朋友。
转载请注明出处:https://www.baikejingyan.net/af302VwdsAw5VB1A.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年09月18日
下一篇 2023年09月18日
single-end

热门经验

single-end

相关经验

联系我们

在线咨询: QQ交谈

邮件:baikejingyan@gmail.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信