html - 有序列表 - html : How to make point(ol{style-list:disc;}) position in midde height of image?

Question

有序列表 - html:如何使点(ol{style-list:disc;})位于图像的中间高度？

点位于图像底部而不是中间的示例:

>

>

---

示例代码

<ol style="style-list:disc;">
<li><img src="https://t2.gstatic.com/images?q=tbn:MezWc3ku_XBiwM:http://www.whereisacar.com/images/cars/bill-gates-car.jpg"></li>
<li><img src="https://t0.gstatic.com/images?q=tbn:98OwBE0-icyCNM:http://www.comparecheapinsurance.com/car-insurance/images/car-insurance-policy.jpg"></li>
</ol>

我打算移动图像或点位置，使该点看起来在图像高度的中间。

编辑:如果这个选项存在，我正在寻找不使用背景点图像的方式

Answer 1

首先，将它设为 ul 而不是 ol，如下所示:

<ul class="images">
 <li><img...
 <li><img...
</ul>

然后添加这个 CSS:

ul.images img {
    vertical-align: middle;
}