<style>
.inline-block {
display: inline-block;
width: 100px;
height: 100px;
background-color: #aaa;
/*vertical-align: middle;*/
}
</style>
...
<div>
<div class="inline-block"></div>
<div class="inline-block>x</div>
</div>
图片.png
原因: 基线不一致
解决: 给 inline-block 类添加 veritcal-align
原因: 基线不一致解决: 给 inline-block 类添加 veritcal-align 参考自csdn
text-align规定行内内容如何相对它的块父元素对齐。它并不控制块元素自己的对齐，只控制它的行内内容的对齐。t...
块级元素与行内元素 常用的块级元素与行内元素有哪些？ 块级元素：div , p , form, ul, li , ...
块级元素和行内元素 块级元素 （内联）行内元素 区别描述： 块元素（宽）占满整行，行内元素只占内容所在的宽度。 块...
一、行内元素与块级元素 块级元素：独占一行，可设width和height； 行内元素：根据内容多少决定是否换行（不...
块级元素与行内元素区别 块级元素与行内元素 块级元素：div, h1-h6, p, hr, form, ul, o...
想让盒子(div)居中 1 让盒子中的内容居中--文本或者行内，行内块元素水平居中： 让盒子本身水平居中，而不是内...
块级元素与行内元素的区别： 块级元素：div,form,h1,hr,ol,ul,li行内元素：p,a,input,...
标准文档流 内容为从左到右，从上到下来排版的。前面的内容的大小会影响后面的内容，高低不齐，底边对齐 块级元素和行内...
主要内容： 常见的块级元素和行内元素以及它们的区别。 常见的块级元素和行内元素 块级元素 （block-level...
本文标题：一个div内的两个行内块级元素(一个有内容, 一个无内容)不对齐
本文链接：https://www.haomeiwen.com/subject/lfasektx.html
网友评论