文字两端对齐

最新推荐文章于 2023-03-13 20:13:01 发布

cfy_qiangkeming

最新推荐文章于 2023-03-13 20:13:01 发布

阅读量136

点赞数

分类专栏： JAVA体系文章标签： HTML

本文链接：https://blog.csdn.net/cfy_qiangkeming/article/details/83266006

版权

JAVA体系专栏收录该内容

74 篇文章 1 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="start" href="http://www.loaoao.com" title="Home" />
<style>
    table{ table-layout:fixed;width:50%;}

    td{
        border:1px solid;
        padding:5px 20px;
        background-color:#efefef;
    }
    .justify{
    height:1.1em;
    overflow:hidden;
    text-align:justify;
    text-justify :distribute-all-lines ;
    }

    div.cn:after {
        content: "__________________________________________";
        font-size:100px;
    }

    div.en:after {
        content: " ______________________________________________________________________________________________________________________________";

    }

</style>
</head>

<body>

<table>

        <tr>
            <td><div class="justify cn">三个字</div></td>
            <td><div class="justify en">hi hi hi</div></td>
        </tr>
        <tr>
            <td><div class="justify cn">四个字滴</div></td>
            <td><div class="justify en">hi hi hi hi</div></td>
        </tr>



</table>

</body>
</html>

cfy_qiangkeming

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文字两端对齐

&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;link rel="start" href="http://www.loaoao.com" title="Home" /&gt;&a
复制链接

扫一扫

专栏目录