国产睡熟迷奷白丝护士系列精品,中文色字幕网站,免费h网站在线观看的,亚洲开心激情在线

      <sup id="hb9fh"></sup>
          1. 千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

            手機站
            千鋒教育

            千鋒學習站 | 隨時隨地免費學

            千鋒教育

            掃一掃進入千鋒手機站

            領取全套視頻
            千鋒教育

            關注千鋒學習站小程序
            隨時隨地免費學習課程

            當前位置:首頁  >  技術干貨  > web前端面試題合集(八)

            web前端面試題合集(八)

            來源:千鋒教育
            發(fā)布人:wjy
            時間: 2022-09-06 15:38:03 1662449883

              如何居中一個浮動元素

              單純的浮動元素其實不是很好居中的,除非你再給他嵌套一個盒子,那這也就不是給浮動盒子居中了;要么就是加相對定位進行輔助,具體代碼如下:

              - 方法一:嵌套一個父盒子

              ```CSS

              .container{width:200px;margin:0 auto;} /*設置父盒子的寬度和子盒子一樣就可以了*/

              .container .inner{width:200px; float:left}

              ```

              - 方法二:利用相對定位

              ```CSS

              .box{width:200px;float:left; position:relative;left:50%; margin-left:-100px}

              ```

             

              如何實現(xiàn)一個自適應div,寬高比始終為4:3

              - 如果想實現(xiàn)一個元素的寬高比例固定,那么就需要讓他們參照同一個參照物,寬高本身是兩個方向的,各自參照自己的父元素,所以不太好實現(xiàn),那么就需要轉換思維了,大家都知道我們的padding margin 如果設置了百分數(shù),他們不論是哪個方向參照的都是父盒子的width,所以我們可以這樣來做:

              - 父盒子{position:relative;width:100%;padding-top:75%;height:0;}

              子盒子{position:absolute;top:0;bottom:0; left:0;right:0}

              - 用padding來模擬父元素的高度,子元素設置絕對定位,四個方向都設置為0,就會把寬高拉伸開,那么他的寬高就會一直保持比例為4:3了

             

            web前端面試題

              設置元素顯示隱藏的幾種方式,與區(qū)別?

              常見隱藏元素的方法有opacity:0; visibility:hidden; display:none; transform:scale(0);height:0px;

              他們之間的區(qū)別是:

              opacity:0; 是把透明度設置為0,但是這個元素還是真實存在的,只是看不見了而已,他在頁面中依然占位,所有的點擊事件也都是可以觸發(fā)的;

              visibility:hidden; 他在頁面中的效果和opacity:0;有一點相似,他也是看不見的,并且在頁面中依然占位,但是不同的是它不能夠觸發(fā)點擊事件;

              display:none;和他們就不一樣了,它屬于是完全刪除的狀態(tài),相當于不存在于頁面當中了,因此它不占位,也不能觸發(fā)點擊事件。

              transform:scale(0);使用縮放,按照x和y的中心位置進行縮小占位置

              height:0px;的時候不占頁面空間如果元素中有文本的話需要給元素添加oveflow:hidden;font-size:0px

              更多關于“web前端培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業(yè)需求,更科學更嚴謹,每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。

            tags:
            聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
            10年以上業(yè)內強師集結,手把手帶你蛻變精英
            請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
            免費領取
            今日已有369人領取成功
            劉同學 138****2860 剛剛成功領取
            王同學 131****2015 剛剛成功領取
            張同學 133****4652 剛剛成功領取
            李同學 135****8607 剛剛成功領取
            楊同學 132****5667 剛剛成功領取
            岳同學 134****6652 剛剛成功領取
            梁同學 157****2950 剛剛成功領取
            劉同學 189****1015 剛剛成功領取
            張同學 155****4678 剛剛成功領取
            鄒同學 139****2907 剛剛成功領取
            董同學 138****2867 剛剛成功領取
            周同學 136****3602 剛剛成功領取
            相關推薦HOT
            軟件開發(fā)管理流程中會出現(xiàn)哪些問題?

            一、需求不清需求不明確是導致項目失敗的主要原因之一。如果需求沒有清晰定義,開發(fā)人員可能會開發(fā)出不符合用戶期望的產品。二、通信不足溝通問...詳情>>

            2023-10-14 13:43:21
            軟件定制開發(fā)中的敏捷開發(fā)是什么?

            軟件定制開發(fā)中的敏捷開發(fā)是什么軟件定制開發(fā)中的敏捷開發(fā),從宏觀上看,是一個高度關注人員交互,持續(xù)開發(fā)與交付,接受需求變更并適應環(huán)境變化...詳情>>

            2023-10-14 13:24:57
            什么是PlatformIo?

            PlatformIO是什么PlatformIO是一個全面的物聯(lián)網(wǎng)開發(fā)平臺,它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程,有效簡化了開發(fā)過程,并能兼容各種...詳情>>

            2023-10-14 12:55:06
            云快照與自動備份有什么區(qū)別?

            1、定義和目標不同云快照的主要目標是提供一種快速恢復數(shù)據(jù)的方法,它只記錄在快照時間點后的數(shù)據(jù)變化,而不是所有的數(shù)據(jù)。自動備份的主要目標...詳情>>

            2023-10-14 12:48:59
            服務器為什么要用Linux?

            服務器為什么要用Linux作為服務器操作系統(tǒng)的優(yōu)選,Linux在眾多選擇中脫穎而出。Linux作為服務器操作系統(tǒng)的優(yōu)選,有其獨特的優(yōu)勢和特點。包括其...詳情>>

            2023-10-14 12:34:11