label两端对齐

最新推荐文章于 2023-05-05 16:25:05 发布

电饭锅煲汤

最新推荐文章于 2023-05-05 16:25:05 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： CSS 小功能

本文链接：https://blog.youkuaiyun.com/meixu568/article/details/81279962

CSS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用CSS实现文本两端对齐的方法，并通过具体的HTML标签展示了如何设置浮动及宽度属性来达到预期效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style type="text/css">
    /*文本两端对齐*/
    .text-justify {
        float: left;
        text-align: justify;
        width: 200px;
    }

    .span-justify {
        display: inline-block;
        width: 100%;
    }
</style>

<label class="text-justify">用 户 名：
    <span class="span-justify"></span>
</label>

“用户名”每个字中间有空格