「像編輯word一樣實現兩端對齊」左對齊和右對齊都是很常見的對齊方式，但是很多時候兩端對齊也是必須解決的。文字對齊的text-align:justify，大家都不陌生，它只相容ie瀏覽器，然而兩端對齊對於很多響應式網頁和移動端的自適應有很大的用處，比如幾個按鈕，不管你螢幕尺寸怎麼變化都要他們之間的間隙保持不變，css3對這一塊也有解決方案，雖然相容性不是很好。不失為一種好的漸進增強方案。
1，text-align: justify+inline-block以及模擬text-align
這裡寫出通用簡單列子結構，下文不在累贅~
src="./header.png"
alt="">
li>
src="./header.png"
alt="">
li>
src="./header.png"
alt="">
li>
src="./header.png"
alt="">
li>
ul>
第一種實現樣式：
* ul li img
/* attention：
1.ie中要實現塊內單行兩端對齊需要使用其私有屬性text-align-last:justify配合，text-align-last 要生效，必須先定義text-align為justify
2.line-height:0 解決標準瀏覽器容器底部多餘的空白
3.font-size:0清楚firefox下多餘的空白
*/
ul ul li
/* 模擬text-align：
1.text-align-last:justify 目前只有ie支援，標準瀏覽器需要使用 .demo:after 偽類模擬類似效果
2.opera瀏覽器需要新增 vertical-align:top 才能完全解決底部多餘的空白
*/ul::after
2，css3 flex+justify-content: space-between;或者flexbox+box-pack:justify
版本迭代問題,box-pack是css3的新屬性，依賴於display:box(舊版彈性布局)，受box-orient影響，box-pack決定了子標籤水平對齊的方式，可選值有start | end | center | justify。使用box-pack:justify來實現兩端對齊非常簡單，**量也少。如果是display:flex(新版彈性布局)則用justify-content為水平對齊方式~
把它們2中方式都寫出來
核心**應該是這樣
ul
css3 column(多列布局)
這個也是很簡單的，只需用column-count定義物件的列數,我這個demo有4個img，那麼定義為4列 column-gap定義了物件中列與列的間距，這個只能寫死或者根據排版計算間距，間距不能設定為百分比，顯得不夠靈活
新增以下字首就好：
ul
分布式 問題解決
原文 分布式 問題解決 it利刃出鞘的部落格 csdn部落格 其他 config server springcloud 訪問 bus refresh位址後出現錯誤，client端出現以下錯誤 csdn問答頻道 spring boot 2.0的改動較大，bus refresh全部整合到actuador...
gedit文字亂碼問題解決
gedit中文亂碼 適用fedora 出現這種情況的原因是，gedit 使用乙個編碼匹配列表，只有在這個列表中的編碼才會進行匹配，不在這個列表中的編碼將顯示為亂碼。您要做的就是將 gb18030 加入這個匹配列表。命令列方式，適用於所有 ubuntu 使用者。複製以下命令到終端中，然後回車即可 圖形...
apache FTP 實現問題解決
整合工具包,寫ftp的實現,出現了問題,解決如下 apach自帶的ftpexample的類 略掉了包和 import的說明部分 043public final class ftpexample 044 068069 if args.length base 5 070 074075 server ar...