Question

我正在制作一个导航菜单，我想将其放置在页面的右上方。我希望项目水平对齐，但是我似乎无法正常工作。这真让我发疯，因为我不知道自己在做什么错。我非常感谢您的帮助。

HTML：

<div v-if="items" class="main-nav">
        <nav>
            <ul>
                <li v-editable="item" :key="index" v-for="(item, index) in items" :class="{ highlighted: item.highlighted }">
                    <LinkType class="nav-link" :link="item.link" :linkText="item.name">{{ item.name }}</LinkType>
                </li>
            </ul>
        </nav>
</div>

CSS：

.main-nav
        {
            width: auto;
            height: auto;

            position: absolute;

            top: 0;
            right: 0;

            float: right;

            transform: translateX(0%);

            background: #424242;

            > ul
            {

                > li
                {
                    display: inline-block;
                    .nav-link{

                    }
                }
            }
        }

Answer 1

>选择直系孩子 Read more here

正确的代码将是

<?xml version="1.0" encoding="UTF-8"?>
<odoo>
    <data>
        <record id="balance_res_partner_form_view" model="ir.ui.view">
            <field name="name">balance.res.partner.form.view</field>
            <field name="model">res.partner</field>
            <field name="priority" eval="3"/>
            <field name="inherit_id" ref="base.view_partner_form"/>
            <field name="arch" type="xml">
                <xpath expr="//button[@name='toggle_active']" position="after">
                    <button type="action"
                            name="%(account.action_account_payments)d"
                            attrs="{'invisible': [('customer', '=', False)]}"
                            class="oe_stat_button"
                            icon="fa-usd">
                        <field name="credit_2" widget="statinfo"/>
                    </button>
                </xpath>
            </field>
        </record>
    </data>
</odoo>

因此，.main-nav { width: auto; height: auto; position: absolute; top: 0; right: 0; float: right; transform: translateX(0%); background: #424242; ul { > li { display: inline-block; .nav-link{ } } } }不是main-nav的直接子代

导航菜单不显示：内联块

1 个答案: