css一周遇到的問題

2021-10-09 14:28:38 字數 1288 閱讀 3041

1如何水平排列居中?****

父元素: display: flex;

align-items: center;

justify-content: center;

子元素: margin:0 auto;

2九宮格怎麼設定?

父元素: width: 400px;

display:flex;

flex-wrap: wrap;

border: 1px solid red;

子元素: width: calc(calc(400px /3) - 10px);/400/3根據需要幾列來設定,注意10px與margin5px的倍數/

margin:5px;

height:130px;

box-sizing: border-box;/* box-sizing屬性用於更改用於計算元素的寬度和高度預設的css盒子模型,可以使用此屬性來模擬不正確支援css盒子模型規範的遊覽器行為。*/

border:1px solid #000;

border-radius: 5px;

background-color: #3399ff;

text-align: center;/文字居中/

3按鈕裡的文字怎麼居中?

按鈕文字居中line-height: 25px;

div居中:margin: 0 auto;

align-items: center;

按鈕居中:margin: 0 auto;

文字居中:align-items: center;

4 margin-top無效怎麼辦?

解決的辦法有兩個:

1、使用浮動來解決,即將子層**改為:子層

2、在父元素使用padding-top來解決,即:

style=「padding-top:200px;」

5div裡的內容排列不居中

父元素: display: flex;

flex-direction: row;

justify-content: space-between;

子元素: img

button

text.z6怎麼去除因display:inline-block 產生的間距?

父元素加上font-size=0;

7只是個人見解,不一定是對的,如果有錯的希望大佬指出來哈

第一周 遇到的問題

sql 4.1 查有成績的學生資訊 這個問題就有意思了,感覺是和前面的 查詢sc表中存在成績的學生資訊 重複了。但是查了資料是有區別的,依然不是很明白。7.查詢沒有學全所有課程的同學的資訊 這個問題講資料庫的時候有一道類似的題目 查詢選修了所有課程的學生資訊 書上用的是exists語句,但是我不太理...

最近一周工作遇到的問題(5 20)

1.關於引入第三方libs,導致專案中使用的libs版本不一致,例如support包,第三方使用的版本是25.1.2,而你自己的專案中使用是27,你無法對第三方專案中 做修改,導致你build專案的時候報重複引入包的錯誤,可以在build.gradle使用下面一句話統一版本 configuratio...

一周又是一周

三年又三年,之後又三年,這就九年了,老大!無間道的話還迴盪在耳邊,而我入職以來,這就已經是第四周了。時間飛逝歲月如梭,一天一天的日子,感覺起來也挺快的。除了第一周剛上任的時候,感覺時間慢慢流,現在進入工作狀態以後,時間還是一閃而過的。白天的時間最是難熬,特別是下午的時候。工作時間久,而下午的時候也是...