html中一些莫名的空格

2021-09-27 21:00:37 字數 1031 閱讀 2383

我們日常用編輯器編輯**的時候,為了讓**的可讀性更高,通常會有換行,空格或者tab鍵(bootstrap的規則中非常不建議這樣做,不過為了方便,我還是比較習慣這樣來縮排)的操作。

1.textarea中的空格及空行

textarea為html中常見的雙標籤,textarea中的內容可以在初始化的時候直接寫在之間,

接一句題外話,雖然如此,但是textarea的值如果要賦值的話不能直接用text(),要用val().

對於雙標籤,我習慣於寫成如下這種格式:

如此,問題就來了,結果會發現,生成的textarea文字框裡面莫名多出來了好多的空格

查閱資料後,將textarea標籤改為以下格式,則生成的textarea正常,無空格現象

2.兩個div之間有間隙如下圖所示,兩個div中間有一條明顯的空隙,既不是margin也不是padding,讓人非常費解。(此問題我在去一家知名企業筆試中也遇到過,可見大企業通常都是很注重細節滴)

根據上面乙個解決方案的啟發,將頁面結構寫成如下格式:

class="

item1

">item1

class="

item2

">item2

則順利解決空隙問題。

此問題在兩個塊級元素並排放的時候同樣會出現。

思考:我們平時在jsp和html中都是將頁面的元素按照一定的格式編排的,基本不會有專業人士將兩個div併排寫在一起,

筆者剛開始猜想出現以上這種情況會不會跟**直接寫在html有關,經在jsp和js中驗證得知,都會出現這種現象,

筆者現在工作專案中應用的是bootstrap框架,專案中所有的dom元素都為浮動元素,所以並無以上問題,

而我們平時寫**,估計也很少有人把所有的相鄰元素都加上背景顏色,因此這個問題並不是很好發現,

html中一些居中的問題

居中的問題 一 不定寬的文字和等內聯元素居中 定義它的父元素 text align center 二 定寬塊狀元素居中 定義它的margin 0 auto 使它的margin left,margin right為auto 三 不定寬的塊狀元素 1.加入 table 標籤 在想居中的塊狀元素外面加入t...

HTML中一些實用標記記錄

在這篇文章中記錄我在學習html學習過程中,讓我感覺不錯的標籤。在網頁製作中,一般是通過各種標記對文字進行排版的。但在實際應用中,往往需要一些特殊的排版效果,這樣使用標記控制非常大的麻煩。解決方法就是使用原格式標記進行排版,如空格 製表符等.原格式標記 就可以解決這個問題。語法格式如下 文字內容 例...

HTML中一些空白間距的處理

在我們使用html過程中,有時候總是會出現一些莫名的空白間距,所有特此總結一下一些碰到的空白間距。瀏覽器自身所帶的margin 外邊距 padding 內邊距 所產生的空白 在我沒有給div新增任何樣式的時候,div還是離上邊和左邊有空白間距,這個空白間距是瀏覽器自身所帶的8px的margin 外邊...