原创 css佈局（以兩欄佈局爲例）
以下皆以兩欄佈局爲例。 1.html： 2.css： 顯示： 1.漂移佈局。 即流佈局。 關鍵字：float，值：lefr、right。 寬度：必須設置。 缺點：會導致內容放置順序的改變，如果想把一個元素浮動到另一個元素下面，必須把
2020-06-29 16:55:41
原创 居中（水平居中+垂直居中）
一、水平居中。 1.最普通的（在視口或窗口中）水平居中。 先寫一個div，給它一些基本樣式。 此時只用設置一個屬性：margin， 就得到了居中的結果（沒錯，這就是凝膠物佈局，此方法必須設置元素的width）。 2.
2018-08-30 10:21:51
原创 clamp.js用法初窺
衆所周知，要實現文本溢出顯示省略號可以用text-overflow:ellipsis;但是隻能顯示單行文本； 多行文本可以用-webkit-line-clamp:n;但是這是webkit的私有屬性，只有在webkit瀏覽器或移動端瀏覽器（
2018-08-30 10:21:29
原创 CS祕密花園：梯形標籤
我們經常可以看到這種梯形標籤： 要實現這種梯形標籤，可以通過背景圖像模擬，但是要額外請求圖片數據；可以用在矩形旁帶兩個三角形來創建，但是也增加了額外的元素或額外的請求；可以通過邊框來僞造，但是這樣很不靈活，比如，需要額外添加邊
2018-08-30 10:21:17