《
HTML中使用空格排版的問題》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023354H013.htm
但至此,咱們的基本目的沒有解決,就是是否防止使用 這樣的占位符,而使用“原生”的空格?紤]針對(duì)空缺的相應(yīng) CSS 屬性,具體懂得有關(guān) white-space 的用法,接下來就比較好處置了。
在沒有半角空格的復(fù)雜的情況下,可以考慮使用中文的全角空格 Tag:空格 排版 空格 排版
--Split--
--> [
網(wǎng)站建設(shè)之]HTML中使用空格排版的問題
具體情況如下圖所示
但是 也不是很牢靠,好比空格間距無比大,那么我們必需增添多個(gè)占位符,同時(shí)頁面的體積會(huì)變得十分大。
font-family: '宋體';
將 Safari 的默認(rèn)字體設(shè)置成“宋體&rdquo,html中a標(biāo)記href值正則表達(dá)式替換為空;等中英文等寬的字體,就能解決。Windows 版本的 Safari 字體設(shè)置,需要直接使用中文“宋體”這樣的名稱而不是“Simsun&rdquo,HTML5和CSS3制作的登錄表單;(了解起因的兄弟請(qǐng)告知我)。
針對(duì)這上述的兩種不同方式,個(gè)人以為應(yīng)該依照實(shí)際情形斟酌采取。比方第一種辦法,固然依賴詳細(xì)的等寬字體,但不增加其余額外的結(jié)構(gòu),對(duì)當(dāng)前的保護(hù)會(huì)更加的便利;第二種方法,則更多的考慮了實(shí)際的利用情況(同時(shí)也不必依附詳細(xì)的等寬字體),HTML5+CSS3 實(shí)現(xiàn)未來的網(wǎng)頁設(shè)計(jì),然而也增添了額定的構(gòu)造。
良多時(shí)候,盼望可能在 HTML 中使用空格排版。但閱讀器在解析 HTML 時(shí),會(huì)把持續(xù)的空格解析成一個(gè),所以我們會(huì)使用 等這樣的占位符。
font-family: '宋體', Simsun; white-space: pre;
因?yàn)槭褂昧酥形?CSS 名稱,所以在實(shí)際使用中需要考慮款式的字符編碼問題。同時(shí),需要額外考慮的是,蘋果機(jī)是否有“宋體”(或者其他等寬的字體),有蘋果機(jī)的兄弟請(qǐng)幫忙測試下。
所以,如考慮到以后的可維護(hù)性,同時(shí)“語義”的角度上剖析,HTML+CSS網(wǎng)頁制作實(shí)例 制作聯(lián)系人網(wǎng)頁表單,推重第一種做法。而實(shí)際的應(yīng)用情況下,同時(shí)須要運(yùn)用比擬龐雜時(shí),個(gè)人會(huì)選用第二種。
white-space: pre;
而后設(shè)置等寬字符(包含等寬空格)即可。綜合起來,就是這樣
.half-word {width: .5em;} .two-word{width:2em;}
經(jīng)測試通過。
總結(jié)下使用 white-space 實(shí)現(xiàn)等寬空格的前提,有兩個(gè)。需要設(shè)置對(duì)應(yīng)的屬性
--Split--
實(shí)在,這不是 Safari 的問題,而是字體的問題。解決的方法就是使用下面的屬性
<,Google谷歌Logo的CSS前景圖片合并技術(shù);span>買<ins class=",google Sitemaps網(wǎng)站地圖相關(guān)知識(shí);half-word"></ins>寶<,Google Analytics(分析)能為網(wǎng)站帶來什么;ins class="half-word"><,Google Analytics 網(wǎng)站點(diǎn)擊分布圖;/ins>貝:</span><br /> <span>我的淘寶:<,Google Adsense提高收入核心技巧揭秘;/span><br /> <span>社<ins class="two-word"></ins>區(qū):</span><br />
對(duì)應(yīng)的 CSS 應(yīng)為
同時(shí),留神到 Safari 中的 寬度是已設(shè)定字符的空格寬度(Safari 的默認(rèn)字體為 Times),也就是說一個(gè)中文字符需要兩個(gè)占位符。
感激 小馬 供給的另外一個(gè)思路,就是應(yīng)用 em 單位。1em 簡略的說,font-family 中文字體的英文名稱小結(jié),就能夠認(rèn)為是一個(gè)字符寬度;同理,.5em 就是半個(gè)字符。那么,上面的情況就可以使用這樣寫。
(責(zé)任編輯:網(wǎng)站建設(shè))
HTML中使用空格排版的問題相關(guān)文章