HTML基础篇之文本格式化

文本格式化：

<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;