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

padding-right的问题,为什么设置padding-right的时候,文字与右边边框的距离不是按照padding-right设置的,但是padding-left就可以?

<!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-right:1em;

    border:1px solid red;

}

</style>

</head>

<body>

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

</body>

</html>


正在回答

5 回答

文字与右边边框的距离 换个意思就是 要让文字向右漂移,也就是 padding-left的距离(它是距离左边坐标轴的距离也就是向右移动)


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

慕数据1008917 提问者

非常感谢!
2017-01-20 回复 有任何疑惑可以回复我~

1:代码

http://img1.sycdn.imooc.com//587f264900016a7502560068.jpg

2.使用 padding-right:1em;效果是红色框宽度变宽,红色框内的文字不会变位置.“盒子1”的右边填充1em,并不是“盒子1”距离右边框1em。“盒子1”距离右边框是100px+1em;

padding-left:10px是文字和左边框之间填充10px宽度。所以文字位置变了


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

上面说了因为文字默认是从左显示的,你右边还有那么大一堆空白,再空也是看不出来,你多打几行字,再用

padding-right就能看出效果了

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

因为文字默认是从左显示的 还需要设置text-align属性为right才可以吧

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

因为向左填充后则向右挤一个大小;向右填充则向左挤一个大小

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

举报

0/150
提交
取消

padding-right的问题,为什么设置padding-right的时候,文字与右边边框的距离不是按照padding-right设置的,但是padding-left就可以?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信