前端學習筆記

• 父佈局寬度不固定的情況下，子元素如下設置可以水平居中：

.child {
        width: fit-content;
        width: -moz-fit-content;
        width: -webket-fit-content;
        margin: auto;
}

• 父佈局如下設置，可以使子元素們垂直居中：

.parent {
		//設置高固定
		width: 300px;
		height: 30px;
		display: flex;
		align-items: center;
}

• input標籤設置如下事件，可以限制只能輸入數字：

oninput = "value=value.replace(/[^\d]/g,'')"

• css四種定位方式

1. 默認定位方式爲static。
2. 只有設置了postion：relative，即定位方式爲相對定位（元素相對於自身偏移），然後設置的left，right屬性才生效。不會使元素脫離文檔流。
3. 絕對定位postion：absolute：相對於離自己最近的，開啓了定位方式的父元素進行定位（設置left，top等屬性，進行偏移）。如果每層父元素都沒開啓定位，則相對於瀏覽器窗口進行定位。絕對定位會使元素脫離文檔流。
4. 固定定位postion：fixed：相對於瀏覽器窗口進行定位。其他和絕對定位一樣。

設置定位後，如果元素重疊了，可以設置z-index來改變元素優先級。