66666真的很厉害
内联元素和块级元素的区别:
内联元素是在一行中显示。块级元素是单独一行显示。
图片与文字的居中对齐,设置图片的vertical-align:middle。设置图片与文字有间距,为图片设置margin-right:10px。
通过设置img中的vertical-align的属性为middle可以使图片和同一个盒子中的文字垂直对齐,使文字居中在图片中。
设置水平居中:设置宽度,再设置左右间距自动。即width:123px;margin:0,auto;
行内含有图片和文字,在浏览器内浏览时,可以发现文字和图片在垂直方向并不是沿中线居中,而是沿基线对齐,文字和图片内容默认垂直对齐方式为基线对齐
这是因为,元素默认的垂直对齐方式为基线对齐(vertical-align: baseline
vertical-align:middle:实现沿中线对齐
div块级元素,单独占一行,所以电话号跑第二行去了,换成span标签
text-align:center 指定了text在水平方向上的位置
vertical-align:middle 指定了一个元素垂直方向上的位置
此处这是vertical-align:middle是为了让文字相遇对图片而居于中间的位置
若想控制类里面的元素,不需要为每个元素都设置一个类(这是我之前的想法),只需要使用标签选择器即可
Logo区域盒子模型分析
对于list-style-image标签文字的对其:要用vertical-align:middlle
块级元素都会在新行创建