今天在寫(xiě)網(wǎng)頁(yè)的時(shí)候,我發(fā)現(xiàn)我想要調(diào)整文字的位置,但是卻不生效,讓我十分困惑,后來(lái)經(jīng)過(guò)一番查找,發(fā)現(xiàn)是由于我的css代碼錯(cuò)誤所致。
在此詳述一下自己的錯(cuò)誤和處理方式,希望能夠幫助到遇到相似問(wèn)題的朋友。
首先,我想要調(diào)整文字的位置,我采用了margin屬性來(lái)進(jìn)行調(diào)整。
在我的html代碼中,我使用了p標(biāo)簽來(lái)設(shè)置文字段落,而在css代碼中,我使用了以下的代碼:
pre {
margin: 20px;
}
但是,當(dāng)我預(yù)覽網(wǎng)頁(yè)的時(shí)候,卻發(fā)現(xiàn)文字的位置毫無(wú)改變,仍然沿著默認(rèn)的位置顯示。
我想了一下,發(fā)現(xiàn)自己犯了一個(gè)低級(jí)錯(cuò)誤,就是p標(biāo)簽和pre標(biāo)簽不是一回事,我應(yīng)該使用p標(biāo)簽來(lái)設(shè)置文字段落的位置。
于是,我修改了css代碼,將pre改為p,如下所示:
p {
margin: 20px;
}
重新預(yù)覽網(wǎng)頁(yè),發(fā)現(xiàn)文字的位置調(diào)整成功,距離上下左右都與原來(lái)的位置相差20px。
通過(guò)這個(gè)問(wèn)題,我也明白了一個(gè)道理,就是在編寫(xiě)css代碼的時(shí)候,一定要注意標(biāo)簽的選擇和使用,避免低級(jí)的錯(cuò)誤。
希望我的經(jīng)歷能夠幫助到大家,也提醒大家要謹(jǐn)慎使用css代碼,多注意細(xì)節(jié)。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang