为什么设置上下左右padding都一样时候内容不居中???

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

林_LIANG_HAO

2015-05-21 10:06

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>填充</title>

<style type="text/css">

#box1{

    

    padding:10px 10px;

    border:1px solid red;

}

</style>

</head>

<body>

<div id="box1">盒子1def</div>

</body>

</html>


写回答 关注

1回答

  • Perona
    2015-05-21 11:19:32
    已采纳

    块级元素宽度是100%,独占一行,这里没指定div的宽度。而且padding是指内边距。

    Perona 回复zning0...

    因为盒子里面的内容并没有达到盒子的宽度和高度。它先满足左内边距和上内边距。居中不是这样设置的。加油学吧,后面会学到居中滴~~

    2015-08-06 16:04:59

    共 4 条回复 >

初识HTML(5)+CSS(3)-升级版

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

1225812 学习 · 18234 问题

查看课程

相似问题