为啥左侧的宽度不是10px?

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

易灵均

2018-01-09 22:46

http://img1.mukewang.com/5a54d5780001e35a06080204.jpg

.test004{
/*定义文本的格式*/
   font-family:"Microsoft Yahei";
   /*text-indent:2em;*/
   font-style:italic;
   line-height:15px;
/*定义块状元素的边框*/ 
   border:2px dotted red;
/*定义块状元素的大小*/
   width:500px;
   padding:20px 10px; 
   margin:10px;
  }


写回答 关注

1回答

  • weibo_如何画自己的样子_0
    2018-01-10 09:58:58

    按照你的代码显示,现在文字距离左边的宽度为:10px(margin的值)+2px(border的值)+10px(padding的值)=22px,实际为22px。

    padding:20px 10px 20px 8px;   margin:10px 10px 10px 0; 

    padding:20px 10px 20px 0;   margin:10px 10px 10px 8px; 

    具体看你要实现什么样的样式效果。。。。。。

    新手勿喷,一起进步

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

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

1225306 学习 · 18230 问题

查看课程

相似问题