1

以下是我的代码，其中我使用内联样式将文本与相应的图像对齐，但内联 css 不起作用请告诉我如何修改以下代码，因此文本将与相应的顶部对齐图片。

<ul style="font-size:17px;vertical-align:top; margin-top:0;">
<li style="list-style-image: url(images/check.png);">Text is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to top</li>
<li style="list-style-image: url(images/check.png);">Text is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to topText is not aligning to top</li>

</ul>
4

3 回答 3

1

您正在尝试创建媒体块，这是网络中最常见的组件之一。Nicole Sullivan，CSS 中最著名的名字之一，有一篇很棒的文章谈论媒体块的本质并给出了一个出色的标准实现。

http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

我强烈建议使用她的实现或阅读她的实现以了解它是如何完成的。

于 2013-01-07T15:28:11.747 回答
1

将背景 img 的位置设置为左中心

于 2013-01-07T15:51:10.630 回答
0

问题不在于您的代码。

您甚至可以删除一些不必要的标记。

你的形象令人头疼。它需要调整以使您的项目符号与文本对齐。

我做了一些修改，它是图像大小。图像高度高于您需要按比例缩小的行

此外，您必须小心verticle-align它并不总是按您期望的方式工作。参考

于 2013-01-07T15:46:33.190 回答