使用CSS 實現標題單行置中多行靠左 - 黑暗執行緒
文章推薦指數： 80 %
跟同事討論到一個需求，要在顯示文章的網頁實現「標題只有一行時置中顯示；若文字較多折行時則靠左對齊」的效果。
起初程序員大腦想到的做法是 ...
跟同事討論到一個需求，要在顯示文章的網頁實現「標題只有一行時置中顯示；若文字較多折行時則靠左對齊」的效果。
起初程序員大腦想到的做法是用JavaScript依文字長度動態調整text-align樣式，但由於折行與否是瀏覽器依字型大小、容器寬度自行裁量，難以依據字數直接推算，於是我開始揣摩由文字元素高度偵測行數的雞鳴狗盜招術...爬文後才發現我把事情想得太複雜了，這個需求用CSS就能搞定，一行程式都不用寫。
做法是用
包住display:inline-block的，將
設成text-align:center，設成text-align:left。
網路盛傳連中樂透頭彩黑大：子虛烏有
延伸文章資訊
- 1網頁設計– HTML 文章段落及排版
- 2[CSS] DIV基本置中處理 - 冷娃玩轉旅食
background-color: #FFCCFF; /*—區塊背景用粉紅色的比較清楚xd— */ }. html部分：. <body> <div id="c1">我寬度80%，區塊置中，文字靠...
- 3教你認識常用CSS語法 - 網頁設計
... 英文小寫); text-align: right; (文字靠右對齊); text-align: left; (文字靠左對齊) ... vertical-align: middle; (垂...
- 4想要將div 內的文字置中、靠左或靠右，可用css 的text-align ...
剛開始接觸css 設計的時候，越來越多版面區域使用div 來劃分，這個部分是正確的，div 內的東西要怎麼排列就成爲一個重點，假設是一段文字，可能就需要靠左、置中或是靠 ...
- 5如何美化網頁文字(10)-[text-align]置中、靠左、靠右 - 雲橙雨林
改變文章段落對齊，是文章中常用的方式，可以利用text-align 來做設定，他的屬性有left、right、justify、center，分別為靠左、靠右、左右對齊、置中 ...
