html - html - 内联块的错误使用?
问题描述
我试图将这两个元素并排而不是垂直对齐,我认为内联块会这样做,但我显然没有正确使用它,谁能告诉我有什么问题?
.block {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
border: solid;
border-width: 1px;
width: 264px;
height: 310px;
border-radius: 8px;
}
.rex {
border: 0px;
margin: 60px auto;
padding: 0;
vertical-align: top;
width: 264px;
}
<div class="rex">
<div class="block">
<img src="MainImg">
<img src="ContentTypeImg">
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Samples</a></li>
<li><a href="#">WEBCASTS</a></li>
</ul>
<div>
<h4> Description </h4>
</div>
<div>
<h5> Author </h5>
</div>
</div>
<br />
<div class="block">
<img src="MainImg">
<img src="ContentTypeImg">
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Samples</a></li>
<li><a href="#">WEBCASTS</a></li>
</ul>
<div>
<h4> Description </h4>
</div>
<div>
<h5> Author </h5>
</div>
</div>
<br />
</div>
解决方案
您在它们之间有一个明确的换行符( <br>
)。
推荐阅读
- amazon-web-services - AWS RDS Aurora - 跨区域只读副本同时具有写入和读取实例?
- css - ReactJS 过渡不适用于类或模块。任何提示
- java - @AutoValue 编译失败:方法不对应于的属性
- google-analytics - 使用 Measurement Protocol 向 Google Analytics 4 发送事件时,client_id 应该是什么?
- postgresql - 在 PGSQL 中通过合并处理布尔的空字符串
- javascript - 未捕获的类型错误:无法读取本地主机上未定义的属性“添加”-Wordpress
- r - 如何计算观察值之间的方差,当观察值是矩阵形式时
- python - 破折号 daterangepicker 日历与下面的组件重叠
- html - 填充到父 div 或锚定 div
- android - Drawable 不显示插入回调中的图像 [已解决]