一逼泣、 文字與塊元素自動(dòng)居中的方法礼患？

????????文字：

? ? ????1.? ? text-align:center;line-height:元素模塊高度,

? ????? 2. vertical-align:middle + text-align:center;但是要注意vettical-align需要將兄弟元素的高度設(shè)置的與父元素高度相同碌宴，同時(shí)个曙，它只對(duì)display：inline据过；與inline-block起作用栖博。

? ??? ??模塊居中：?

? ? ? ? 1.不定高寬position：absolute屑宠；transform:translate(-50%,-50%);top:50%;left:50%;

? ? ? ? 2. 定寬高 position:absolute;top:50%;left:50%;margin-top:-(h/2);margin-left:-(w/2);

? ? ? ? 3. 不定寬高：position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;

? ? ? ? 4.flex布局：display:flex; justify-content: center;? align-items: center;

二、position有哪些屬性仇让？

? ? ? ? 理論上說典奉，position存在8個(gè)屬性：static | relative | absolute | fixed | sticky | initial | inherit |?unset,但常用的只有五個(gè)屬性，static丧叽、relative卫玖、absolute 、 fixed 踊淳、 sticky假瞬。

? ? ? ? static：默認(rèn)屬性；忽略所有設(shè)置的偏移屬性值迂尝。

? ? ? ? relative：相對(duì)定位脱茉，相對(duì)元素本身所在位置，且定位過后當(dāng)前所在位置預(yù)留下垄开。

? ? ? ? absolute：絕對(duì)定位琴许，相對(duì)于除了static以外的所有屬性進(jìn)行定位，若無溉躲，則相對(duì)于瀏覽器視口進(jìn)行定位榜田。

? ? ? ? fixed：固定定位，相對(duì)于瀏覽器窗口進(jìn)行定位锻梳，不隨滾動(dòng)條的滾動(dòng)滾動(dòng)箭券。

? ? ? ? sticky：粘性定位，相對(duì)定位和固定定位的結(jié)合疑枯，粘性定位需要一個(gè)閥值決定辩块，left，top，right庆捺，bottom最少一個(gè)值古今，當(dāng)大于這個(gè)閥值是采用相對(duì)定位，小于這個(gè)閥值滔以，采用固定定位捉腥。

? ? ? ? 出現(xiàn)一下三種情況會(huì)造成失效：

????????1.?父元素的內(nèi)容需滾動(dòng)查看，且不能有 overflow: hidden 你画、 overflow: auto 屬性? ??

????????2.?父元素的高度不能低于粘性定位元素的高度

????????3.?sticky 是容器相關(guān)的抵碟，只會(huì)在它所處的容器（父元素）里生效。

三坏匪、清除浮動(dòng)的幾種方式拟逮？

? ? ? ? 1.空標(biāo)簽，clear适滓；both

????????2. overflow：hidden

? ? ? ? 3.偽類清除

? ? ? ? 4.父元素設(shè)置高度

四敦迄、三角形css書寫原理

? ? ? ? 使用css屬性transparent? ? ? border:20px solid; border-color:transparent transparent red transparent

五、ios 瀏覽器滾動(dòng)不流暢問題

? ? ? ? -webkit-overflow-scroll:touch;? ?一個(gè)屬性

六凭迹、元素高的設(shè)置的百分比是相對(duì)容器的高度嗎罚屋？

? ? ? ? 當(dāng)我們?cè)O(shè)置寬度百分比時(shí)，它是相對(duì)于我們所設(shè)定的相對(duì)模塊的寬度的百分比嗅绸，但是當(dāng)我們?cè)O(shè)定高度百分比時(shí)脾猛，比如padding-buttom；margin-top這些屬性鱼鸠，其實(shí)它還是相對(duì)模塊的寬的百分比

七猛拴、如何實(shí)現(xiàn)三列布局，且中間列自適應(yīng)蚀狰？

? ? ? ? 1. 左右浮動(dòng)愉昆，采用calc方法計(jì)算寬度，艱巨等問題麻蹋。

? ? ? ? 2.flex布局跛溉，左右兩塊設(shè)置?flex-basis，中間設(shè)置 flex-grow

? ? ? ? 3.絕對(duì)定位+中間板塊不給固定寬度哥蔚。

--------? 后續(xù)將會(huì)持續(xù)慢慢更新倒谷，之前嘗試大廠面試蛛蒙，真的是超級(jí)基礎(chǔ)糙箍，如遇到感興趣可以留言，我會(huì)進(jìn)行查找補(bǔ)全牵祟。-----------