CSS——行内元素的margin与padding

行内元素：

1、margin：0 20px；只可以定义左右。

2、pading：20px 20px 20px 20px；上下左右都有效

例如span：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title></title><style>span{background-color:red;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;margin-left:20px;margin-right:20px;}</style>
</head>
<body><span>你好</span><a>今天的报道</a>
</body>
</html>

效果：

转载于:https://www.cnblogs.com/wuqiuxue/p/7792180.html

CSS——行内元素的margin与padding相关推荐

[css] 行内元素可以设置padding和margin吗？
[css] 行内元素可以设置padding和margin吗? 行内元素的纵向padding和margin都是不考虑的,这是css规范定义的. inline元素确实可以设置垂直方向的 padding 和 ...
关于行内元素的margin padding一些说明；background-color的范围
①当对行内元素使用padding时,只有左右方向(正常)有效:竖直方向上,内边距对于该行内元素有效果,但是对其他元素无任何影响. ②当对行内元素使用margin时,只有左右方向有效,竖直方向无任何效果 ...
[css] 行内元素和块级元素有什么区别，如何相互转换？
[css] 行内元素和块级元素有什么区别,如何相互转换? 一般通过display属性来区分块级元素和行内元素,block代表块级元素,inline代表行内元素. 块级元素: 1.内容独占一行. 2.w ...
css 行内元素与块级元素
因为老是记不清行内元素和块级元素所以把该记的放在这行内元素 css行内元素的特点: 可以和其他元素处于一行,不用必须另起一行. 元素的高度.宽度及顶部和底部边距不可设置. 元素的宽度就是它包含的文 ...
行内元素设置margin:0 auto无效的问题
行内元素指的是可在同一行内排列的元素,列举几个常用行内元素:img.input.span.label.a.textarea.button. 通常要给元素设置居中得效果的话,很多人会先想到margin: ...
a span等行内元素加margin属性后无效果解决方案
html中经常用margin属性来进行定位的调整,但a,span等行内元素加margin后不发生位移,给这些元素加上display:inline-block后就可解决:而且为行内元素加此属性后既可以像 ...
python 全栈开发，Day48(标准文档流,块级元素和行内元素,浮动,margin的用法,文本属性和字体属性)...
昨日内容回顾高级选择器: 后代选择 : div p 子代选择器 : div>p 并集选择器: div,p 交集选择器: div.active属性选择器: [属性~='属性值'] 伪类选择器 a ...
CSS行内元素/块级元素
盒子模型并不一定就是div,它是一个泛指.所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用. Margin(外边距) - 清除边框外 ...
CSS行内元素和块级元素的水平居中，垂直居中，水平垂直居中实现
常用内联元素:a,img,input,lable,select,span,textarea,font 常用的块级元素:div,p,table,form,h1,h2,h3,h4,h5,h6,dl,ol, ...

CSS——行内元素的margin与padding

CSS——行内元素的margin与padding相关推荐

最新文章

热门文章