1.margin: 0 auto;水平
2.text-align: center;水平
3.行高,垂直
4.**,center,middle;水平垂直
5.display:table-cell;模擬**,all
6.絕對定位,50%減自身寬高
7.絕對定位,上下左右全0,margin:auto
8.絕對定位加相對定位。不需要知道寬高
9.ie6,ie7:給父元素設乙個font-size:高度/1.14,vertical-align:middle
塊格式化上下文, 特性:
使 bfc 內部浮動元素不會到處亂跑;
和浮動元素產生邊界。
當父元素不給高度的時候,內部元素不浮動時會撐開, 而浮動的時候,父元素變成一條線, 造成塌陷.
父元素新增overflow:hidden; (觸發bfc)
使用after偽元素清除浮動(推薦使用)
使用before和after雙偽元素清除浮動
比如antd的row和col, 將一行等分為24份, col是幾就佔幾份, 底層按百分比實現;
結合**查詢, 可以實現響應式
// 通過設定border
.box
谷歌最小12px, 其他瀏覽器可以更小
通過transform: scale實現
// 父標籤
animation: antrotate 1.2s infinite linear;
// 子標籤
animation: antspin 1s infinite linear;
@keyframe antspin
} @keyframe antrotate
} // animation-delay: 逐個延遲0.4s
/* 針對數字字母不換行問題解決 */
word-break:break-all;
word-wrap:break-word;
style="resize:none"
//resize屬性值:
both(表示橫向縱向均可拉動)
horizontal(表示只有橫向可以拉動)
vertical(表示只有縱向才可以拉動)
none(禁止拉動)
2023年前端面試題
時間過的也蠻快,今年迎來了第一次面試前端,其實我很緊張,第一次面試,下面是面試題,希望對今年找工作的你有所幫助。1 空間複雜度和時間複雜度 空間複雜度 s n o f n 時間複雜度 1,log2n,n,n 2,n 3,logn 2 2 http協議的狀態碼及其表達的意思 狀態碼 1xx 提示資訊,...
2023年前端面試題總結
首先是問答題 什麼是標籤語義化?使標籤有自己的含義。語義化標籤主要有以下幾點好處 1.在沒有css樣式表時也可以展示出很好的頁面結構。2.有利於seo 搜尋引擎優化 3.方便其他裝置 閱讀器等 按語 析渲染頁面。4.合理的語義化標籤有利於 的維護。在html中,i em標籤的區別?b strong標...
2020前端面試題
2020年 疫情影響著經濟,好多企業都裁員了,我所在的公司也不例外。所幸我不是其中之一。但是,金三銀四,即使不想換工作,也要評估一下自己在市場的價值。以下就是我 面試中遇到的一些問題 關於vue 1.vue元件的懶載入的原理?2.vue的元件通訊方式有哪些?3.你對mvvm的原理的理解 4.next...