【在行高设定auto时,文字无法保持一行 _布局】

在行高设定auto时,文字无法保持一行

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(2)

布局

详细描述

截图

代码

css代码
.explain{
    color: #595959;
    padding-left: 0.2rem;
}
.specialli{
    display: flex;
    align-items: center;
    margin-left: 3%;
    height: auto;
    width: 94%;
    border-bottom: 1px solid #e1e5e7;
    padding: 0.36rem 0;
}
.specialdetail{
    color: #999999;
    border-right: 1px solid #999999;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
html代码
            <li class="specialli"><span class="specialdetail">自我介绍</span><span class="explain">可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人，可以洗衣、做饭、照顾老人</span></li>

编辑于2024-05-02

时间排序

热门排序

[上海|结业弟子]JS-任我行
0

这个地方需要用到flex布局中的项目属性flex-shrink
当flex-shrink设为0时，缩小空间时，项目不会缩小

查看全部>

编辑于2018-08-24
[成都|结业弟子]JS-董家宇
0

可以用white-space：nowrap 文本不换行尝试一下

查看全部>

编辑于2019-01-08

去第页