AAOS CarMediaService 问题分析-CFANZ编程社区

AAOS CarMediaService 问题分析

html文字一行时靠右，多行时靠左

元素居中
display: block; margin: auto;

文字居中
text-align: center;

文字下划线
text-decoration: underline;

边框线
border: 1px #1D6AF8 double;
圆弧角
border-radius: 10px;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html文字一行时靠右，多行时靠左</title>

        <style>
            .cell {
                display: flex;
                justify-content: space-between;
                padding: 10px 0;
                /* html文字一行时靠右，多行时靠左 */
                /* border-bottom: 1px solid #e5e5e5; */
            }

            .cell-lab {
                width: 200px;
            }
        </style>
    </head>
    <body>

        <div>
            <div class="cell" style="background-color: #fff000;">
                <div class="cell-lab">案件状态</div>
                <div class="cell-val">已结案，结案金额大于0</div>
            </div>
            <div class="cell">
                <div class="cell-lab">出险时间</div>
                <div class="cell-val">2020年03月19日</div>
            </div>
        </div>


    </body>
</html>

0 条评论