html中div的外边距和内边距都是什么意思,怎么设置

html中div的外边距和内边距都是什么意思,怎么设置,第1张

内边距padding的意思是: 边框与内容之间的距离。

外边距margin的意思是:边框与边框之间的距离。

拓展资料

外边距margin

左边距 margin-left:数值 | autoauto:即距离这个边最远的距离;

右边距: margin-right:数值 | auto;

上边距: margin-top:数值  ,这里不能用auto;

下边距: margin-bottom:数值 这里也不能用auto;

外边距的复合写法

1、margin: 0px(上) 0px(右) 0px(下) 0px(左);

2、margin: 0px(上) 0px(左右) 0px(下);

3、margin: 0px(上下边距) 0px(左右边距);

4、margin: 0px(上下左右边距都是0px);

例子:

内边距padding

padding属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。

按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值,例如:

h1 {padding: 10px 0.25em 2ex 20%}

内边距也通过使用下面四个单独的属性,分别设置上、右、下、左内边距

padding-top 上内边距;

padding-right 右内边距;

padding-bottom 下内边距;

padding-left 左内边距;

例如:

h1 {

padding-top: 10px

padding-right: 0.25em

padding-bottom: 2ex

padding-left: 20%

}

间距不可以用%百分比来算的。不过特殊方法还是有的,就是间距用3%的宽度的div来填充。 <div style="width:150pxfloat:left"></div><div style="width:3%float:left"></div><div style="width:500pxfloat:left"></div><div style="width:3%float:left"></div><div style="width:150pxfloat:left"></div>

你指的是单元格距离左边的宽度还是整个页面呢?

如果是单元格的话:

<td

width="设定你想要的宽度">

</td>

<td

align="left">购电度数:</td>

<td

width="2"

align="left"><input

type="text"

name="elecValue"

id="elecValue"onkeyup="isInteger(this)"

onkeydown="isInteger(this)"

/>

如果是整个页面:是在

body

标签中设定的,<body

leftmargin=宽度值>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6161287.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存