Jquery 如何在<；李>；列表
我正在bootstrap popover中创建帐户列表，并且在Jquery 如何在<；李>；列表,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我正在bootstrap popover中创建帐户列表，并且在标记中创建了一个元素 var t = ul.append($(document.createElement('li')).text('Test Account')); 我希望在每个元素之前添加一个图像，如下所示： 我列出了帐户名，我想在帐户文本（绿色图标）之前添加一个图像。 关于如何实现这一点，您有什么想法吗？您可以像下面的示例一样将图像放入每个图像的li标记中 <html> <body> <h4&
元素
var t = ul.append($(document.createElement('li')).text('Test Account'));
我希望在每个
元素之前添加一个图像，如下所示：
我列出了帐户名，我想在帐户文本（绿色图标）之前添加一个图像。
关于如何实现这一点，您有什么想法吗？您可以像下面的示例一样将图像放入每个图像的li标记中
<html>
<body>
<h4>list and images</h4>
<ul>
<li><img src="coffee.jpg" height="15px" weight = "15px" /> Coffee</li>
<li><img src="Tea.jpg" height="15px" weight = "15px" /> Tea</li>
<li><img src="milk.jpg" height="15px" weight = "15px" /> Milk</li>
</ul>
</body>
</html>
列表和图像
- 咖啡
- 茶
- 牛奶
注意：您可以更改图像的高度和宽度，并且图像应与html文件位于同一文件中。否则您必须在图像源中包含路径。我要做的是：。我刚抓到一个在谷歌图片上找到的蓝色图标，当然，你可以使用任何你喜欢的图片
ul li {
list-style-type: none; // this removes the default li bullet so you can use your own custom image
background-image: url('images/bullet_image.png');
background-repeat: no-repeat;
background-position: top left;
padding-left: 30px; // Use as many pixels as you need to provide enough space between the image and the text.
}
好的，第二段代码将添加新自定义项目符号的背景图像，或者在LI的左侧添加新图像。因此，这将把图像放在前两个或三个字母的正后方，以及填充左边的内容：30px。它将图像移到左边，并为图像提供空间，而不会使文本重叠
我已经开发了数百个网站，出于某种原因，这种技术最适合将图像放置在li's的左侧，也就是自定义列表样式的图像，但在放置图像时执行更精确 与CSS有关吗？将image元素放在
元素中，并将其向左浮动。或者将其设置为元素的背景图像。将其置于列表项之外将是不正确的html。我如何才能做到这一点？@user2942566他刚刚告诉过你<编码>将图像元素放入元素中，并将其向左浮动。或者将其设置为元素的背景图像。
这是基本的css。@viruzz：只有当您有建设性的话要说时，才进行注释。不要重复上面提到的相同评论。我不需要意见。好的，我只是编辑了这个答案5次，最后添加了一个JSFIDLE示例URL。因此，如果您还没有看到更新的答案，此评论应该会提示您重新加载此页面并查看更新的答案。工作非常完美！！谢谢没问题，男人：）谢谢你的认可。