html5 图文排版 图片两边左右间距怎么设置

html5 图文排版 图片两边左右间距怎么设置,第1张

可以写img{margin-left:30pxmargin-right:30px}

这样给左右两边都设置了30像素的距离

还可以用把margin改成padding用,但是这个要看图片旁边的一些情况,你可以都试试

1、padding-top 属性:设置 p 元素的上内边距,该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能延伸到其他行,有可能还会与其他内容重叠。不允许指定负内边距值。

2、padding-right 属性:设置元素右内边距(空白)。该属性设置元素右内边距的宽度。行内非替换元素上设置的右内边距仅在元素所生成的第一个行内框的右边出现.

3、padding-bottom 属性:设置元素的下内边距(底部空白)。该属性设置元素下内边距的宽度。行内非替换元素上设置的下内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能延伸到其他行,有可能还会与其他内容重叠。不允许指定负内边距值。

4、padding-left 属性:设置元素左内边距(空白)。该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现.

5、margin 属性:在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

参考资料来源:百度百科-CSS外边距

参考资料来源:百度百科-CSS内边距


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存