html,css,居中

vivic7 2017-07-17 06:26:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
margin: 0;
}
p{
border: 5px solid red;
margin: 0 auto;
}
</style>
</head>
<body>
<p>吱吱吱</p>
</body>

</html>



想知道怎么居中,嘿嘿~,可是这么写没有居中?为什么?
...全文
186 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
浪子回头8 2017-07-18
  • 打赏
  • 举报
回复
text-align:center;
qq_35942223 2017-07-18
  • 打赏
  • 举报
回复
margin是外边距,你想文字居中不应该是内边距么????
myfhqi 2017-07-18
  • 打赏
  • 举报
回复
没有设置宽高吧?
wear1983 2017-07-18
  • 打赏
  • 举报
回复
就加个<center></center>标签全部都居中
vivic7 2017-07-17
  • 打赏
  • 举报
回复
引用 2 楼 当作看不见的回复:
先说明一下,display:block的元素例如div p 等, 可以通过margin: 0 auto 居中,但是你得设置width,由于默认为100%,不设置的话,会充满一行,自然无法居中,行内元素的话,span img 等,通过设置父元素text-align :center 来居中, 常用的居中方法还有相对定位 position:relative; width:xx;margin:-0.5xx;left:50%; 获取屏幕的宽度的方法 media 媒体查询 详细浏览下面链接 http://www.runoob.com/cssref/css3-pr-mediaquery.html
好的
当作看不见 2017-07-17
  • 打赏
  • 举报
回复
先说明一下,display:block的元素例如div p 等, 可以通过margin: 0 auto 居中,但是你得设置width,由于默认为100%,不设置的话,会充满一行,自然无法居中,行内元素的话,span img 等,通过设置父元素text-align :center 来居中, 常用的居中方法还有相对定位 position:relative; width:xx;margin:-0.5xx;left:50%; 获取屏幕的宽度的方法 media 媒体查询 详细浏览下面链接 http://www.runoob.com/cssref/css3-pr-mediaquery.html
qq_35942223 2017-07-17
  • 打赏
  • 举报
回复
你这是外边距

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧