花費 21 ms
CSS實現垂直居中的常用方法

  在前端開發過程中,盒子居中是常常用到的。其中 ,居中又可以分為水平居中和垂直居中。水平居中是比較容易的,直接設置元素的margin: 0 auto就可以實現。但是垂直居中相對來說是比較復雜一些的。 ...

2016-03-06 18:18 32 646067
徹底弄懂css中單位px和em,rem的區別

國內的設計師大都喜歡用px,而國外的網站大都喜歡用em和rem,那么三者有什么區別,又各自有什么優劣呢? PX特點 1. IE無法調 ...

2014-04-14 03:20 12 381105
vue2.0 如何自定義組件(vue組件的封裝)

一、前言 之前的博客聊過 vue2.0和react的技術選型;聊過vue的axios封裝和vuex使用。今天簡單聊聊 vue 組件的封裝。 vue 的ui框架現在是很多的,但是鑒於 ...

2018-06-05 01:13 14 125977
flex彈性布局學習總結

本文首次發布在我的個人博客:Claiyre的個人博客 https://claiyre.github.io/ 博客園地址:http://www.cnblogs.com/nuannuan7 ...

2016-08-31 03:45 7 202364
純CSS寫三角形-border法

(1)有邊框的三角形 我們來寫下帶邊框的三角形。 如果是一個正方形,我們寫邊時,會用到border,但我們這里討論的三角形本身就是border,不可能再給border添加border屬性,所以 ...

2014-07-04 17:06 12 242650
css3 placeholder字體顏色大小

一、須知 placeholder屬性是css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支持占位文本。 二、設置placeholder文字顏色、字號 方式1:因為每個 ...

2018-06-27 19:06 0 82849
CSS文本溢出顯示省略號

項目中常常有這種需要我們對溢出文本進行"..."顯示的操作,單行多行的情況都有(具體幾行得看設計師心情了),這篇隨筆是我個人對這種情況解決辦法的歸納,歡迎各路英雄指教。 單行 語法 示例 ...

2015-12-31 01:54 5 164085
CSS垂直居中的11種實現方式

注:以下demo都只是針對現代瀏覽器所做,未兼容低版本的IE以及其它非主流瀏覽器。 11種實現方式分別如下: 1. 使用絕對定位和負外邊距對塊級元素進行垂直居中 html代碼: ...

2016-12-20 06:28 8 125858
微信小程序 View:flex 布局

微信小程序 View 支持兩種布局方式:Block 和 Flex 所有 View 默認都是 block 要使用 flex 布局的話需要顯式的聲明: 下面就來介紹下微信小程序的 ...

2017-02-14 08:13 5 105268
display:table和display:table-cell的妙用

  display的table和table-cell一般情況下用的不多,所以很少有人去關注它,但他們兩個聯手起來會給你驚喜! 這里拋出這樣一個問題,如下,讓塊里的多行文字垂直居中?一說到垂直居中就會 ...

2017-12-21 18:06 1 79911

 
粵ICP備18138465號   © 2018-2022 CODEPRJ.COM