CSS技巧心得記錄

2021-09-26 03:40:56 字數 614 閱讀 7548

待對齊的子元素寬高已知,父元素寬高會改變。

解決方案:父元素設定相對定位(relative)。子元素設定絕對定位(absolute),向下移動50%高度再用負margin往上回移子元素高度的一半。

待對齊的子元素寬高未知,父元素寬高會改變。

解決方案:利用行內級元素垂直對齊屬性。父元素設定空字元的偽元素,disp設定為inline-block,將其高度設定為100%(繼承父元素),對齊方式vertical-align為middle。子元素display設定為成inline-block,對齊方式vertical-align為middle。

/*父元素內容水平居中*/

.block

/*插入偽元素,高度100%並垂直居中*/

.block:before

/*子元素變成inline-block並垂直居中*/

.centered

一些css 技巧的記錄

記錄一下,忘記的時候翻一翻的css 技巧。1.input 輸入框的樣式 如下,box sizing 設為border box 且 左右 padding 有.1rem 這樣子輸入框內部就可以有乙個比較友好的內邊距。search input box sizing border box width 100...

MapKit 心得記錄

可知.mapkit主要是通過mkmapview檢視來進行資料和試圖的一系列操作.主要有3部分功能 1 顯示地圖.標準線路,衛星,混合.圖隨路轉,當前使用者位置等 這是基礎.2 地圖資訊標註.主要通過自定義資料實現協議mkannotation.來實現資料的儲存.當獲取完所有的資料儲存以後.新增到mkm...

Linux心得記錄

2014.4.8 linux環境下如何刪除乙個目錄?rm rlinux本身提供刪除目錄命令 rmdir,但是如果你要刪除的目錄中含有子目錄或者子檔案,那麼該命令會提示 刪除失敗 目錄非空 也就是說rmdir命令只能刪除空目錄。那麼如何刪除乙個含內容的目錄呢?可以利用rm命令,加上 r引數,即命令rm...