<head>
<meta charset="UTF-8">
<title>我的第一个 HTML 页面</title>
</head>
<body>
<div style="display: blockmargin: 0 autowidth: 50%background: #ccc">
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
<p>居中显示</p>
</div>
</body>
</html>先给所有的元素外面
加个div
然后给这个div定义
宽度，左右margin为auto,就行了
在html中使所有的元素都剧中显示两边留白的最简单的实现方法就是给整体的容器设置一个剧中，例如设置margin:0 auto。
工具原料：编辑器、浏览器
1、实现简单的让页面所有的元素的都剧中显示的方法如下：
<body >
<div style="border: 1px solid #000000width: 300pxheight: 500pxmargin: 0 auto">
<span>这是居中显示的一段文字</span>
</div>
</body>
2、给容器div设置margin的值，导致其会居中显示在body中，效果如下：
html: 超文本标记语言， 标准通用标记语言下的一个应用。 “ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。 超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）