Question

我正在建立一个新的网站，并决定这次使用基础，所以它从开始响应而不是简单的编码，但有一个问题集中在一起图像和导航连续。他们一起坐在同一排，而不是“平等”。

HTML：

        <div id="navigation">
            <div class="row fullWidth">
                <div class="large-12 columns">
                        <div id="logo">
                            <img src="logo.png" alt="Logo" />
                        </div>
                        <?php
                            wp_nav_menu( array('main-menu' => 'Main Menu'));
                        ?>
                </div>
            </div>
        </div>

CSS：

#navigation {
    margin: 0 auto;
}

#navigation li {
    display: inline;
    padding: 0px 10px;
    margin: 0px 10px;
}

#navigation ul {
    float: right;
}

任何帮助都会非常感激，我想它很简单但通常没有基础你只需要设置0自动保证金即可。

Answer 1

要将每个元素放在同一条线上，您可以在每个元素上使用$modelName = 'App\\'.$request['option']; $model = new $modelName; $data = $model->count(); return json_encode($data);，并使用display: table-cell;垂直居中。像这样：

vertical-align: middle;

Updated fiddle

将图像和导航中心放在同一基础行中？

1 个答案: