html中div的padding属性

padding属性：设置所有内边距属性。

行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。

不允许指定负边距值。

padding属性和padding-top，padding-bottom是不一样的。

padding属性是padding-top，padding-bottom，padding-left，padding-right的集合。

扩展资料：

padding使用方式：

1、padding:10px 5px 15px 20px

上内边距是 10px；

右内边距是 5px；

下内边距是 15px；

左内边距是 20px。

2、padding:10px

所有 4 个内边距都是 10px。

3、padding:10px 5px

上内边距和下内边距是 10px；

右内边距和左内边距是 5px。

4、padding-top:10px

上边距是10px。

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。

工具原料：编辑器、jquery

1、首先jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

2、给div元素属性赋值的代码如下：

<div id="div1" class="test"></div>

<script type="text/javascript">

$('#div1').attr('class','baidu')

</script>

3、运行代码如下，审查元素防线class的值已经改为baidu，如下图：

关键在于

.inline_div{

display:inline}

你已经把块状元素div变成inline了。

把这个属性去掉就行了。

要么就改为inline-block

建议你再看看

display:inline,inline-block,block以及float属性的使用方法

。

---