零基础学做网站培训介绍

当前位置:

如何消除padding内边距增加宽高

以下为学做网站论坛关于“如何消除padding内边距增加宽高”讲解视频教程。

默认情况下设置内边距会增加一个区域的高度和宽度的,如果不想让它增加,可以加上以下的属性:

控制padding不增加宽度和高度: box-sizing:border-box;

微信小程序制作时使用 padding 的时候,你是否知道它会影响盒子的高度和宽度。

首先定义100px,200px两个方框。

想法是:设置橙色方框的内边距50px——padding:50px; , 使得红色方框居中显示padding:50px;


可看出,改变了边框的高和宽

**解决方法:**设置为特别终盒子的大小


box-sizing: border-box;

如果不想让内边距和边框影响到我们设置的固定尺寸,可以借助 box-sizing 这个css属性来实现。 这个属性是css3中出现的新属性,官方的描述是:为元素设定的宽度和高度决定了元素的边框盒。

就是说,为元素指定的任意内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

content-box 是 box-sizing 属性的默认值。当元素的box-sizing是content-box的时候,我们给元素设置的宽度、高度实际上是设置这个元素内容的宽度、高度。而元素的内边距和边框会在宽度和高度之外绘制。

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 默认情况下设置内边距会增加一个区域的高度和宽度的,如果不想让它增加,可以加上以下的属性:控制padding不增加宽度和高度: box-sizing:border-b
  • 有些学建网站的学员,看到某些网站的CSS中有*{margin:0; padding:0;} 这样的代码,不太了解有什么作用,下面学做网站论坛就来介绍一下CSS中*{margin:0
  • CSS控制DIV外边距 内边距 视频教程 (110892 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制DIV外边距 内边距。做网站时,可以通过CSS来设置一个DIV与其它DIV之间的边距,
  • CSS3边距属性用于控制区块的边距的属性。内边距:padding:10px;外边距:margin:10px;margin:20px 10px 20px 0; //上 右 下 左DIV居中marg
  • 作者: tictactoeEmail: tictictactactoetoe@163.com详细内容:想仿一个网站,目标站www xiachufang com功能不需要很全,也有一些新的功能想加