Login
网站首页 > 文章中心 > 其它

padding标签的作用_css代码的padding属性问题

作者:小编 更新时间:2023-07-21 12:41:21 浏览量:11人看过

margin和padding有什么区别?

一般情况下,两个用起来感觉差不多,但如果div外面有边框的情况下,就需要根据情... 显示的效果和实际的效果不太一样,但padding就特别精确。

谁能告诉我margin和padding的用法以及区别

margin是容器外面的间距,paddding则是里面的间距。看看这个效果,应该比较容易理解。

css代码的padding属性问题

padding在块状的元素上,水平和垂直方向上都起作用。比如:div 而在行内元素上,只在水平方向上起作用.比如:span

网页中padding和margin的问题

首先看你的父级dl 也可能是#main #linkarea 使用了padding 属性如dt在使用margin会有些矛盾。

你要正确的理解padding 和 margin 的作用

padding 是元素向内填充 而margin是外边距。举个例子吧;

假如把dt元素比作是一个箱子 你给箱子的边上都贴上15px 的膜 然后你又让你的箱子在有外边距那个内填充不就冲突了么。

如果使用margin的话 就要改一下代码结构。那就是不给dt使用padding属性。然后定义dt下的img标签的样式属性为margin:15px 也能达到同样的效果。

如还不是很清楚请继续追问

css 中 text-indent 与padding 有什么区别?

text-indent不影响元素的最终宽度但是有兼容性问题,padding在主流浏览器IE低版本下影响最终宽度,但在chrome和firefox下不影响宽度,但是可以通过CSS reset解决多浏览器显示不一的问题,使得他们最终都影响宽度。

text-indent和padding的基本区别:

1、padding基于盒模型,适用于inline和block层级的元素

2、text-indent基于行内排版,仅仅适用于block层级的元素,作用于block层级的元素的内部第一行文字

padding会作用于inline框或block框的左侧padding区域,会影响到content-box,而文字子节点会出现在content-box内部,因此所有文字都会左移。

作为一个inline-block层级的标签,它是固定单行显示的(而且还和white-space机制不一样),上面所述区别并不存在。

那么区别在哪里呢:

1、text-indent基于行内排版,导致应用了direction: rtl之后,text-indent提供的indent出现在右侧;padding-left则不受direction影响。

当然,direction这个属性不常用于

2、padding-left基于盒模型,所以box-sizing属性会和padding-left、width属性一同影响到元素的最终宽度;而text-indent则始终不会影响元素的宽度。

这很重要,因为webkit和firefox的默认样式表里,会设置input元素的box-sizing: border-box,若你同时设置了width和padding-left,会出现webkit/firefox和IE低版本的很大的宽度区别。

因此,用到padding-left时,需要重置webkit和firefox的相应样式:

以上就是土嘎嘎小编大虾米为大家整理的padding标签的作用_css代码的padding属性问题相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章