500字范文,内容丰富有趣,生活中的好帮手!
500字范文 > 如何使用css实现文字一行居中 多行左对齐?【HTML】

如何使用css实现文字一行居中 多行左对齐?【HTML】

时间:2020-06-01 00:53:17

相关推荐

如何使用css实现文字一行居中 多行左对齐?【HTML】

web前端|html教程

如何使用css实现文字一行居中,多行左对齐?

web前端-html教程

我记得多年前在蓝色理想有位高手解决了这个问题的。但是时隔多年,利用搜索引擎也没搜索出来。因此特此提问。

网站源码教程,关闭试用ubuntu太慢,tomcat最先加载哪个类,调查爬虫宠物,php 宠物管理系统,我经历过最牛的seo公司lzw

想要实现的效果为:

个人flash网站源码,放大vscode字体,bios里ubuntu怎么删除,tomcat手机版,sqlite实现景点介绍,pagination 插件 demo,前端开发框架教程交流,爬虫逆向博客教程,php 回复,合肥seo网站建设,网站顶部php源代码,wap网页调用微信支付,html5 商城模板 php,404错误页面源代码,用ASP做的学生信息管理系统模板,程序源码商城lzw

未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中。

当文字长度大于盒子的宽度,会自动换行,成为多行文字,此时文字左对齐。

wordpress 源码讲解,vscode打印中文就报错,ubuntu os主题,tomcat删除默认项目,python爬虫甲壳,php 过滤微信昵称,珠海全网seo哪家专业,怎么使用网站源码视频,ecshop模板信息修改lzw

下图为示例:

希望能有纯css的解决方案,为了这个写一段js很不划算。虽然用js来解决是一件巨简单的事情。

回复讨论(解决方案)

<poverflow: hidden;white-space: nowrap;text-overflow: ellipsis;

width: 200px;max-width:200px;*width:expression(this.scrollWidth > 200 ? ‘200px’ : ‘auto’)

超过自动换行。

没有理解问题。但是谢谢你的答案。

解决方法:/FungLeo/article/details/49797311 (11月12日 13:03:39 此时还在审核)

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