Question

试图让我的箭头图像贴在锚点右侧

<ul>
   <li><a class="linkchild" href="#"><img class = "arrow" src="Images/arrow.png" alt="&#9658;"> 3.1 jQuery</a> 
    <ul>
        <li><a class="linkchild" href="#">3.1.1 Download</a></li>
        <li><a class="linkchild" href="#">3.1.2 Tutorial</a></li>
    </ul>
   </li>
   <li><a  class="linkchild" href="#">3.2 Mootools</a></li>
   <li><a class="linkchild" href ="#">3.3 Prototype</a></li>
</ul>

CSS：

img .arrow 
{
    float: right;
}

Answer 1

img .arrow

- ＆GT;具有班级arrow的图片代码的子级 - 您当前的CSS

img.arrow

- ＆GT;类arrow的图像 - 可能是你真正想写的

Answer 2

嘿现在就像这样使用

img.arrow 
{
    float: right;
}

不是

img .arrow 
{
    float: right;
}

因为您使用了

<img src="" class="arrow">

Answer 3

假设你想要这个布局：

3.1 jQuery [IMG]
3.1.1 Tutorial
....

您可以float:left将锚标记缩小到其内容，包括float:right - ed图像：

http://jsfiddle.net/4REuw/

img.arrow {
    float: right;
}

a {
    border: 1px solid red;
    float: left;
    clear: left;
}

将图像浮动到列表中的锚点右侧

3 个答案: