padding-left(paddingleft用法)

CSS中的padding-left是什么意思？

CSS中的padding-left属性是设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现。

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS里的padding是什么意思？

Padding（填充）属性定义元素边框与元素内容之间的空间。

Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。

扩展资料：

可能的值：

auto：浏览器计算外边距。

length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。

%：规定基于父元素的宽度的百分比的外边距。

inherit：规定应该从父元素继承外边距。

内外距离区别：

margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。

参考资料来源：百度百科-padding

css中padding-left:305px\9;是什么意思

padding是内边距，块级元素边框内元素和边框之间的距离，padding-left就是指定这个元素内的直接子元素的边框距离该元素内边框的距离。就好比同心圆的圆环宽度。 305px是距离单位。\9是错误写法。

ie11浏览器 内联元素设置padding-left，点击位置偏移

再td元素中设置padding-left：50%，内部包含两个按钮；在chrome浏览器中显示正常，点击按钮也没问题。

但是在ie11中，一上来显示是正常的，但是当点击按钮的时候，按钮就会往左侧偏移很多。

问题的原因： ie11内联元素设置padding，对于自然内联的元素，IE要求元素具有 display: inline-block; ；CSS属性，它将应用像填充这样的属性。因此，只需在内联元素中添加display: inline-block 。

注： ie11有的不加display：inline-block也是显示正常，我和几个同事的不会出现这个问题，但另个同事的就会出现。可能跟ie11小版本不同的原因有关。

chrome显示正常，ie11点击按钮，按钮偏移。

添加display：inline-block; 重设padding-left即可。

chrome、ie11显示正常。

知道padding-left和margin-left的区别，但CSS中left和padding-left有什么具体区别呢？

css中Margin和padding属性的区别

margin：层的边框以外留的空白

padding：层的边框到层的内容之间的空白

padding-top padding-left padding-right padding-bottom

margin-top margin-left margin-right margin-bottom

上下左右间隙宽度相同

.d1 {padding:1cm}

.d1{margin:1cm}

也可以分别设置间隙 ，顺序 是上，右，下，左。

示例如下：

.d1 {padding：1cm 2cm 3cm 4cm}

.d1{margin：1cm 2cm 3cm 4cm}

上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm 。