提问者:小点点

输入\Registration链接显示错误


在文件C:\ospanel\openserver\domains\shop.ru\wp-content\themes\twentytwent\header.php中,从第85行添加到第100行

null

<div class="header-navigation-authblock">
    <a href="#">
        <span>
            <span>
                <div class="header-navigation-authblockimage">
                    <img src="<?php echo get_stylesheet_directory_uri() ?>/greenicon.jpg" width="70px" height="70px" class="entrylink3"></img>
                </div>
            </span>
            <span>
                <div class="header-navigation-authblocklabel">
                    Войти
                </div>
            </span>
        </span>
    </a>
</div>

null

并添加到文件C:ospanel\openserver\domains\shop.ru\wp-content\themes\twentytwent\style.css中,行数从6491到6514

null

.header-navigation-authblock {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

//**.header-navigation-authblock,*// .header-navigation-authblockimage, .header-navigation-authblocklabel {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.header-navigation-authblock:hover {
    cursor: pointer;
}

.header-navigation-authblockimage, .header-navigation-authblocklabel {
    display: inline-block;
    text-align: center;
}

null

但结果我得到了一张截图

双行登录\注册

但由于spandisplay:flex标记,必须在一行上。你如何实现你想要的显示?


共1个答案

匿名用户

请尝试以下代码

<div class="header-navigation-authblock">
    <a href="#">
        <span>
            <span>
                <div class="header-navigation-authblockimage">
                    <img src="<?php echo get_template_directory_uri().'/greenicon.jpg' ?>" width="70px" height="70px" class="entrylink3"></img>
                </div>
            </span>
            <span>
                <div class="header-navigation-authblocklabel">
                    Войти
                </div>
            </span>
        </span>
    </a>
</div>