目錄
如何使用css实现文字一行居中,多行左对齐?_html/css_WEB-ITnose
Jun 21, 2016 am 09:03 AM 我记得多年前在蓝色理想有位高手解决了这个问题的。但是时隔多年,利用搜索引擎也没搜索出来。因此特此提问。
想要实现的效果为:
未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中。
当文字长度大于盒子的宽度,会自动换行,成为多行文字,此时文字左对齐。
下图为示例:
希望能有纯css的解决方案,为了这个写一段js很不划算。虽然用js来解决是一件巨简单的事情。
回复讨论(解决方案)
width: 200px;max-width:200px;*width:expression(this.scrollWidth > 200 ? '200px' : 'auto')
超过自动换行。
width: 200px;max-width:200px;*width:expression(this.scrollWidth > 200 ? '200px' : 'auto')
超过自动换行。
没有理解问题。但是谢谢你的答案。
解决方法:http://blog.csdn.net/FungLeo/article/details/49797311 (2015年11月12日 13:03:39 此时还在审核)
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

< iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼?
