失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > css实现一行文字居中 多行文字左对齐

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

时间:2022-07-08 14:41:54

相关推荐

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

思路

一个div里面搞个span,divtext-align: centerspan设置成行内块级元素,并给text-align: left

示例

如果换不了行,记得加个word-break: break-all;样式

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><style>.demo {width: 100px;text-align: center;word-break: break-all;}.demo span {display: inline-block;text-align: left;}</style><body><div class="demo"><span>111111111111111111111111111111111111111111111111111111111111111111123yyy</span></div><script></script></body></html>

如果觉得《css实现一行文字居中 多行文字左对齐》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。