在文件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
但结果我得到了一张截图
双行登录\注册
但由于span
和display:flex
标记,必须在一行上。你如何实现你想要的显示?
请尝试以下代码
<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>