css实现一行文字居中,多行文字左对齐 |
您所在的位置:网站首页 › 居中左对齐怎么设置 › css实现一行文字居中,多行文字左对齐 |
问题及场景: 当内容能一行显示在盒子内时,文字居中对齐。 当内容过多换行后显示在盒子内时,文字左对齐。 其实这种视觉上的需求还是蛮常见的。比如用于弹出提示框,当提示内容比较少时,内容居中显示在弹出框,提示内容比较多时,内容居左对齐。但是其纯CSS实现有点麻烦,一般就放掉这个需求,或者,使用JS实现。 解决方案: CSS实现代码如下: ![]() 内容只有一行居中 内容多行左对齐,内容多行左对齐 ![]() 效果如下 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |