css 文字两端对齐

复制代码
<body>
    <div class="box">
        <p>姓名</p>
        <p>性与别</p>
        <p>家庭住址</p>
        <p>how are you</p>
        <p>hello</p>
        <p>1234</p>
        <p>1 2 3 4</p>
    </div>
</body>
  • text-align: justify;

  • text-align-last: justify;

  • 设置 text-align: justify; 伪元素 after或者 before的样式,伪元素中可以添加width:100% 或padding-left:100%

相关推荐
就叫_这个吧35 分钟前
HTML或JSP页面链接CSS,link标签没问题,但不显示样式问题解决
java·前端·css·html·intellij-idea·jsp
古怪今人1 小时前
Vite8的项目中集成CSS预处理器编译器SCSS 集成Mock工具
前端·css·scss
小此方1 小时前
【别传:Web前端开发(二)】重塑视觉视界:CSS核心机理与弹性排版全景草稿
前端·css
粉末的沉淀1 小时前
css:隐藏video标签的下载按钮
前端·css
kyriewen12 小时前
CSS Container Queries:彻底告别 @media 写到手软,附 5 个真实布局案例
前端·css·面试
川冰ICE17 小时前
JavaScript实战④|天气查询应用,调用API与异步处理
javascript·css·css3
艾伦野鸽ggg21 小时前
CSS容器查询和悬浮间隙问题
前端·css
川石课堂软件测试1 天前
UI自动化测试|CSS元素定位实践
css·测试工具·ui·fiddler·单元测试·appium·harmonyos
龙井>_<1 天前
vsCode解决css代码补全不生效问题,UnoCSS插件失效修复
前端·css·ide·vscode
2501_918126911 天前
一个上帝类程序作画
前端·css·css3