Html 把「;加上;菜单项附近的图片

Html 把「;加上;菜单项附近的图片,html,twitter-bootstrap,css,Html,Twitter Bootstrap,Css,如何在菜单项附近放置“plus”图片?这是你的电话号码 在标记内移动 然后为了防止链接触发,只需将函数内的崩溃放在 e.default或返回false如果您担心他们的距离?查看元素是否有宽度,如果有,请尝试减小宽度,使用display:inline block,并将宽度更改为min-width。您可以将文本包装在一个跨距中,并根据需要添加少量右边距。使用classexpand和collapse的元素具有绝对位置,且top:0;右:0这意味着它与上边缘和右边缘(从其父元素)的距离为0像素 在这种情

如何在菜单项附近放置“plus”图片?这是你的电话号码

标记内移动

然后为了防止链接触发,只需将函数内的崩溃放在


e.default
返回false

如果您担心他们的距离?查看元素是否有宽度,如果有,请尝试减小宽度,使用display:inline block,并将宽度更改为min-width。您可以将文本包装在一个跨距中,并根据需要添加少量右边距。

使用class
expand
collapse
的元素具有绝对位置,且
top:0;右:0这意味着它与上边缘和右边缘(从其父元素)的距离为0像素

在这种情况下,我个人会做的(完全不是CSS专家推荐的)是从类中删除
right
规则,并在每个跨度内添加一个内联
style=“left:##px”

在我的屏幕上,最有效的组合是:

<li class=" level0 nav-2 active level-top m-dropdown menu-style-dropdown parent">
    <a href="http://45.55.85.113/products.html" class="level-top">
        <span> <span class="category_icon fa fa-tags"></span>SHOP</span>
    </a><span class="expand" style="left: 55px"><i class="fa fa-minus-circle"></i></span>
    <ul class="level0" style="display: block;">
        <li class=" level1 item classic nav-2-1 first parent">
            <a href="http://45.55.85.113/products/furniture.html">
                <span> <span class="category_icon fa fa-key"></span>Furniture</span>
            </a><span class="collapse" style="left: 100px"><i class="fa fa-plus-circle"></i></span>
            <ul class="level1">
                <li class=" level2 nav-2-1-1 first">
                    <a href="http://45.55.85.113/products/furniture/patio-furniture.html">
                        <span>Patio Furniture</span>
                    </a>
                </li>
                <li class=" level2 nav-2-1-2">
                    <a href="http://45.55.85.113/products/furniture/cafe-chairs-and-barstools.html">
                        <span>Cafe Chairs and Barstools</span>
                    </a>
                </li>
                <li class=" level2 nav-2-1-3 last">
                    <a href="http://45.55.85.113/products/furniture/chairs-seating.html">
                        <span>Chairs &amp; Seating</span>
                    </a>
                </li>
            </ul>
        </li>
        <li class=" level1 item classic nav-2-2 parent">
            <a href="http://45.55.85.113/products/furniture-fixings.html">
                <span>Furniture Fixings</span>
            </a><span class="collapse" style="left: 135px"><i class="fa fa-plus-circle"></i></span>
            <ul class="level1">
                <li class=" level2 nav-2-2-4 first">
                    <a href="http://45.55.85.113/products/furniture-fixings/connectors.html">
                        <span>Connectors</span>
                    </a>
                </li>
                <li class=" level2 nav-2-2-5 last">
                    <a href="http://45.55.85.113/products/furniture-fixings/insert-nuts.html">
                        <span>Insert Nuts</span>
                    </a>
                </li>
            </ul>
        </li>
        <li class=" level1 item classic nav-2-3 last">
            <a href="http://45.55.85.113/products/electrical.html">
                <span>ELECTRICAL</span>
            </a>
        </li>
    </ul>
</li>

分别用于商店、家具和家具固定

张贴实际的markuphi,谢谢回答。在这种情况下,如果我按下a加号,链接也会被按下,并且会发生重定向。请查看我的编辑。您的函数应该有(e)或(event)作为参数
left: 55px;
left: 100px;
left: 135px;