为了账号安全,请及时绑定邮箱和手机立即绑定

padding

padding:10px表现为上右下左内容填充都为10px对吗?我提交之后元素内容并不在中间,这是因为什么呀?

正在回答

4 回答

因为 你这里面没有元素  你设置大一点的试试



<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
width: 100px;
height: 100px;
padding: 100px;
border: 1px solid red;
}
#box2{
width: 100px;
height: 100px;
padding: 50px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1
<div id="box2"></div>
</div>
    
</body>
</html>


0 回复 有任何疑惑可以回复我~

5760fd9b0001d1f205000204.jpg

5760fda2000173b005000140.jpg

写英文和中文是不一样的效果还

0 回复 有任何疑惑可以回复我~

谢谢~我懂啦, 元素内容还是居中的,里面的文字是从第一行开始写的,如果写满的话就能发现元素内容居中

3 回复 有任何疑惑可以回复我~
#1

Summer1987

你好,为啥我写很多字的时候就伸到盒子外面去了啊,不是居中的效果啊
2016-06-15 回复 有任何疑惑可以回复我~

padding:10px;不在中间看你的块状元素的宽和高,若是正方形,那肯定是居中了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程
意见反馈 帮助中心 APP下载
官方微信