來跟大家分享強者我朋友的簡單小技巧。
如果想做出以下的文章排版,大家會怎麼做呢?
在看 code 之前,不妨先自己試著寫寫看唷
解答:http://jsfiddle.net/muki/GHmzB/
我有用 border 做顏色區隔,可以讓大家更清楚的了解到這樣的排版技巧
最後引述朋友的說法:這樣就能確保 text 跟 delete 是在串在一起的前提下,再將 Delete float 到 right 去。
#CSS小技巧
「css float: right」的推薦目錄:
css float: right 在 MUKI SPACE INC. Facebook 的最佳貼文
大家在寫 css 的時候,如果寫到一些測試的資料,通常會怎麼標記呢 ??
我以前都是不管他,最近開始習慣用縮進,例如像下面的 background: #eee 就用縮進表示這是測試的語法。
.thumb {
float: left;
margin-right: 5px;
width: 115px;
height: 65px;
background: #eee;
}
但是在用 SASS 滿滿的巢狀裡頭就有很多縮進了,所以這並不直覺也不一目了然,最近在想是不是還是要用註解的方式取代縮進,搜尋上也比較方便。
但如果沒用 SASS ,純粹用 CSS 的朋友,用縮進的方式還蠻直覺的 XDDD