HTML基礎篇之文字格式化
阿新 • • 發佈:2019-02-18
文字格式化:
<b><strong>加粗;<big>字型放大;<em><i>字型傾斜;<small>字型縮小;<sub>下標;<sup>上標;
預格式文字:
<pre>裡面的文字原樣顯示出來,包括空格符號的個數以及換行符號;
“計算機輸出”標籤:
<code>計算機輸出</code>;<kbd>鍵盤輸入</kbd>;<tt>打字機文字</tt>;<samp>計算機程式碼樣本</samp>;<var>計算機變數</var>;
地址:
<address>;
縮寫和首字母縮寫:
<abbr title="etcetera">etc.</abbr>;<acronym title="World Wide Web">WWW</acronym>
在某些瀏覽器中,當您把滑鼠移至縮略詞語上時,title 可用於展示表達的完整版本。僅對於 IE 5 中的 acronym 元素有效。對於 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
文字方向:
<bdo dir="rtl">表示內部的文字從左到右顯示</bdo>;<bdo dir="ltr">表示內部的文字從右到左正常顯示</bdo>;
塊引用:
<q>引用的部分用雙引號括起來;
刪除字效果和插入字效果:
<del>內的文字在中間有一條橫線(定義刪除字);<ins>內的文字有一條下劃線(定義插入字);
【補充】
文字顯示為單行,超過部分隱藏並使用省略號,例項:
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;使用 display:-webkit-box; 讓文字顯示為多行(只有-webkit核心才有作用),例項:
overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; width:100px;