相對定位(reletive)
絕對定位(absolute)
注意
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
display:
-webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
// 行數
overflow: hidden;
// 只有行內塊元素才有這個屬性,塊元素沒有
// 只有行內塊元素才有這個屬性,塊元素沒有
// 通過它設定與文字的垂直關係。預設的會和文字基線對齊
img
// 解決方案
img,input
// 或者
img// 或者給父容器指定乙個高度
// 或者將父容器的line-height 置為0
div
H5C3知識點今日總結
結構 位置 偽類選擇器 css3 p first of type 匹配同型別中的第乙個同級兄弟元素p p last of type 匹配同型別中的最後乙個同級兄弟元素p p first child 匹配父元素的第乙個子元素p。p last child 匹配父元素的第乙個子元素p。p nth chil...
H5C3關鍵點記錄
與 這些類似,h5把這些布局語義話,並沒有本質區別。定義了文件的頭部區域 定義頁面的側邊欄內容 定義頁面內容之外的內容 定義 section 或 document 的頁尾 在ie9一下並不支援html5的語法規則,需要通過引入html5shiv.min.js這個外掛程式相容ie9一下 1.datal...
H5C3新特性 動畫
轉換 transform 是css3中具有顛覆性的特徵之一,可以實現元素的位移 旋轉 變形 縮放。縮放 scale 移動 translate 旋 rotate 傾斜 skew 2d轉換是改變標籤在二維平面上的位置和形狀的一種技術 transform translate x,y transform t...