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

柔光的暖阳◎ 2024-02-21 11:32 64阅读 0赞

#### 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 条评论，64人围观）

还没有评论，来说两句吧...

相关阅读

相关二分查找算法&最靠左索引&最靠右索引详解与优化：图文全解+代码详注+思路分析

java实现二分查找，二分查找算法实现思路，二分查找算法时间复杂度与空间复杂度，二分查找平衡版，Java源码中二分查找的使用，实现二分查找目标值，不存在则插入Rightm...

忘是亡心i/ 2024年04月24日 14:36/ 0 赞/ 72 阅读

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

html文字一行时靠右，多行时靠左元素居中 display: block; margin: auto; 文字居中 text-align: center; 文

柔光的暖阳◎/ 2024年02月21日 11:32/ 0 赞/ 65 阅读

相关安卓文本框里设置靠左居中或者靠右居中

这个是文字在文本框里左居中  <TextView

╰+哭是因爲堅強的太久メ/ 2023年06月24日 14:25/ 0 赞/ 29 阅读

相关 flex布局，最后一行靠左显示

flex布局，最后一行靠左显示 // 最后一行靠左显示 `flex-wrap: wrap;` `align-content: flex-start;` ![在这

墨蓝/ 2023年02月20日 10:55/ 0 赞/ 44 阅读

相关 flex列表最后一行靠右对齐

// css .box { width:330px; display: flex; flex-wrap: wrap; j

傷城~/ 2022年11月12日 02:52/ 0 赞/ 196 阅读

相关 html的同一行内，文字左对齐，图标全部右对齐

做管理系统的头部常常这种布局，备份下吧，省的每次总是查。 <div style="background-color:4D8ADA;width:100%;height

深藏阁楼爱情的钟/ 2022年10月02日 11:56/ 0 赞/ 222 阅读

相关学者博客：单靠文字含金量吸引眼球行吗

<table style="width: 98%;"> <tbody> <tr> <td><a href="http://www.elite-view.com

缺乏、安全感/ 2022年09月18日 06:44/ 0 赞/ 131 阅读

相关 react-rnd靠右显示

react-rnd是react一个拖拽的组件本篇文章是以官方文档为基础整理出来的[https://www.npmjs.com/package/react-rnd][http

墨蓝/ 2022年09月06日 12:28/ 0 赞/ 189 阅读

相关管理者的无用功：靠加班、靠团建、靠个人

我从来没写过“管理”，虽然我的老本行是这个。只是最近，跟很多管理者交流之后，发现大家对团队管理这件事，都有很多困惑。我大学的专业是经济学，那时候一个老师跟我们说：经济

叁歲伎倆/ 2022年06月11日 08:29/ 0 赞/ 127 阅读

相关 html 将块内容靠右下角显示

![20190808163631465.png][] 如图℃，位置父块绝对定位，子块相对定位 .parent-position{ position

r囧r小猫/ 2021年11月04日 14:34/ 0 赞/ 293 阅读