688IT编程网
688IT编程网是一个知识领域值得信赖的科普知识平台

少时

css实现一行文字居中,多行文字左对齐

居中宽度需求实现内容问题场景少时
2023-12-13 12:44:43

css实现⼀⾏⽂字居中，多⾏⽂字左对齐问题及场景：当内容能⼀⾏显⽰在盒⼦内时，⽂字居中对齐。当内容过多换⾏后显⽰在盒⼦内时，⽂字左对齐。其实这种视觉上的需求还是蛮常见的。⽐如⽤于弹出提⽰框，当提⽰内容⽐较少时，内容居中显⽰在弹出框，提⽰内容⽐较多时，内容居左对齐。但是其纯CSS实现有点⿇烦，⼀般就放掉这个需求，或者，使⽤JS实现。解决⽅案：CSS实现代码如下：<!DOCTYPE html&g...

最新文章

Copyright © 2024 baidu.com
Powered By 688IT编程网 豫ICP备2022007602号 豫公网安备41160202000602