【布局页面三的卡片时，英文不能同一行，有一部分出现空白，怎样可以让英文处在同一行 _布局 _定位】

布局页面三的卡片时，英文不能同一行，有一部分出现空白，怎样可以让英文处在同一行

我也踩过这个坑( 1 )

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

回答(0)

布局定位

详细描述

截图

代码

<div class="row">
            <ul class="col-md-4 col-sm-6 card">
                    <li class="flex">
                        <img class="headPortrait" src="1.jpg">
                        <div class="text">
                        <p class="professionalName">Web前端工程师</p><br>
                        <p class="describe">Web前端开发工程师，主要职责是利用（X）HTML/CSS/JavaScript/
                            flash等各种Web技术进行产品的开
                            发。</p>
                        </div>

                    </li>
            </ul>
            </div>
        </div>
CSS代码：
.card{
    background-color: white;
    border: 1px solid #e2e2e2;
    color: #333333;
}
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.headPortrait{
    margin-top: 20px;
    margin-bottom: 16px;
    margin-left: 10px;
}
.text{
    display: block;
    margin-top: 34px;
    margin-left: 8px;
}
.professionalName{
    font-size: 16px;
    margin: 0;
}
.describe{
    display: block;
    font-size: 14px;
}
.

编辑于2024-04-17