css - 新手。html设置属性span居左居右问题

问题描述

问 题

我想把我的span分开，一个在左边一个在右边，我的代码结构是这样的

<style>
.nav-small{
    padding: 0;
    margin: 0;
    width: 80%;
    color: #999;
}
.nav-small-left{
    text-align: left;
}
.nav-small-right{
    text-align: right;;
}
</style>

<div class="nav-small">
    <span class="nav-small-left">友情连接 | 联系方式</span>
    <span class="nav-small-right">说明</span>
</div>

说明两个字还是没有居右，表示不理解。新手希望各位大神多多指教

解决方案

你在居右的样式里面加上display: block;就行。试试看

.nav-small-right{
    text-align: right;
    display: block;
}

其实你居左的样式引不引用都无所谓的，只要居右样式设置好就行。希望对你有帮助

这篇关于css - 新手。html设置属性span居左居右问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！