html中如何让一整个网页居中?
3个回答
展开全部
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个 HTML 页面</title>
</head>
<body>
<div style="display: block; margin: 0 auto; width: 50%; background: #ccc;">
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
<p>居中显示</p>
</div>
</body>
</html>先给所有的元素外面
加个div
然后给这个div定义
宽度，左右margin为auto,就行了
<head>
<meta charset="UTF-8">
<title>我的第一个 HTML 页面</title>
</head>
<body>
<div style="display: block; margin: 0 auto; width: 50%; background: #ccc;">
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
<p>居中显示</p>
</div>
</body>
</html>先给所有的元素外面
加个div
然后给这个div定义
宽度，左右margin为auto,就行了
已赞过
已踩过<
你对这个回答的评价是？
展开全部
使用盒子布局
在整个页面放在一个div中，然后设置最外层的盒子属性
<div align="center">All Of Contents</div>
<!-- all of contents 表示你的页面内容 -->需要给这个盒子一个css样式
margin:0px;
padding:0px;这样就相当于没有这个盒子，align可以写到css样式里
在整个页面放在一个div中，然后设置最外层的盒子属性
<div align="center">All Of Contents</div>
<!-- all of contents 表示你的页面内容 -->需要给这个盒子一个css样式
margin:0px;
padding:0px;这样就相当于没有这个盒子，align可以写到css样式里
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那么我们让网页的主体居中就行了。
代码描述：
在body内添加一个div
给div一个宽度和margin:0
auto;就可以居中
没有宽度的话默认为整个页面，居不居中就没有意义了
附赠代码：
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>Document</title>
</head>
<body>
<div
style="margin:0
auto;width:100px">
这是一段文字
</div>
</body>
</html>
代码描述：
在body内添加一个div
给div一个宽度和margin:0
auto;就可以居中
没有宽度的话默认为整个页面，居不居中就没有意义了
附赠代码：
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>Document</title>
</head>
<body>
<div
style="margin:0
auto;width:100px">
这是一段文字
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
