Properti HTML DOM Style spasi
Definisi dan Penggunaan
set properti spasi atau kembali bagaimana menangani tab teks, line break dan spasi.
tatabahasa
Pengaturan properti spasi:
Object.style.whiteSpace="normal|nowrap|pre|inherit"
Kembali sifat spasi:
Object.style.whiteSpace
值 | 描述 |
---|---|
normal | 默认。自动忽略空格符和换行符。 |
nowrap | 忽略空格符,但是不允许换行符。 |
pre | 换行符和其他空格符会被保留。 |
inherit | whiteSpace 属性的值从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti spasi.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Mempertahankan jeda baris teks dan spasi:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
. Document.getElementById ( "Div1") style.whiteSpace = "pre";
}
</ Script>
</ Kepala>
<Body>
<Div id = "Div1">
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
</ Div>
Situs
<Jenis Tombol = "button" onclick = "displayResult ()"> untuk mempertahankan jeda baris dan spasi </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
. Document.getElementById ( "Div1") style.whiteSpace = "pre";
}
</ Script>
</ Kepala>
<Body>
<Div id = "Div1">
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
</ Div>
Situs
<Jenis Tombol = "button" onclick = "displayResult ()"> untuk mempertahankan jeda baris dan spasi </ button>
</ Body>
</ Html>
Coba »
gaya Objects