那是我在夕陽下的code

ixlei 發布于2019-08-01 17:02 / 356人閱讀

摘要：但是這種技術太老了而且只適合端，移動端的不適合用這套其實移動端的不難，用布局。上面也是可以實現上下左右居中，而且布局不僅僅這有這樣，它相當牛上面的核心代碼標簽展現成讓子標簽水居中讓子標簽垂直居中

布局
何如讓一個標簽上下左右都居中？這有什么難的，給定子標簽的寬，再讓它的邊距上下為0，左右為auto;如下：

.child{width:10px;margin:0 auto;}//子標簽

它就可以左右居中了。上下的話，就是讓父標簽展現成表格，子標簽展現成單元格并把vertical-align屬性設置成middle就可以了;

.father{display:table}
.child{display:table-cell;vertical-align: middle;}

它就可以了上下也居了。
但是...這種技術太老了！而且只適合pc端，移動端的不適合用這套...
其實移動端的不難，用flex布局。這布局也不難，不是特別高端的技術,所以應該把它學起來！不說了直接上代碼。

.father{background-color: red;width: 120px;height: 110px;display: flex;justify-content:center;align-items:center;}
.child{background-color: blue;width: 20px;height: 10px;}

上面也是可以實現上下左右居中，而且flex布局不僅僅這有這樣，它相當牛！
上面的核心代碼:
display: flex;//標簽展現成flex
justify-content:center;//讓子標簽水居中
align-items:center;//讓子標簽垂直居中

GPU云服務器云服務器那是我是我的賬號不對么 Codes coding

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/50906.html

那是我在夕陽下的奔跑：邊跑邊學習html5之audio與video

摘要：尤其是喬布斯在年發布的一篇的文章。喬布斯在里面寫下了關于的一點看法，說明自己為什么不使用，談到關于的一些問題，比如開放性，安全性，對于設備續航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發展歷史。 1.前...

gself 2019-08-20 19:04 評論0 收藏0
那是我在夕陽下的奔跑：邊跑邊學習html5之audio與video

摘要：尤其是喬布斯在年發布的一篇的文章。喬布斯在里面寫下了關于的一點看法，說明自己為什么不使用，談到關于的一些問題，比如開放性，安全性，對于設備續航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發展歷史。 1.前...

flybywind 2019-08-01 17:31 評論0 收藏0
那是我在夕陽下的奔跑：邊跑邊學習html5之audio與video

摘要：尤其是喬布斯在年發布的一篇的文章。喬布斯在里面寫下了關于的一點看法，說明自己為什么不使用，談到關于的一些問題，比如開放性，安全性，對于設備續航的影響，不利于觸摸屏，等等。終于，于年月日，爸爸也放棄治療了，宣布將于年正式退休。今天為大家分享一下html5中的視頻（video）與音頻（audio）。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發展歷史。 1.前...

LiuZh 2019-08-29 13:17 評論0 收藏0
夕陽下, 那是我在奔跑——單件模式

摘要：急切的創建對象餓漢式以上爲餓漢式單列設計，該設計是線程安全的，即不同的線程在調用時返回的是統一對象，在加載這個類時，馬上創建了這個類的唯一單列實列。單件模式(JAVA實現) 定義單件模式：確保一個類只有一個實列，並提供一個全局訪問點單件模式和全局變量的區別若將對象賦值給一個全局變量，則該對象需在程序開始時就創建好，而改對象可能不會使用，造成資源浪費，而單件模式支持...

lieeps 2019-08-14 15:50 評論0 收藏0