今天該學習text屬性~\(≧▽≦)/~啦啦啦 。學習的動力！
text(文本屬性)：
text基本的語法： text-indent:是對文本縮進（就是對文本的一段開頭空格而已）可以用負值，不過文字就往左邊移動了
text-overflow：是截取文本溢出。有clip不顯示...號，ellipsis文本超出長寬度都顯示...號。
vertical-align:使內容垂直對齊。
text-alin:文本在左邊，中間還是右邊 。
layout-flow:設置文本的流動方向，是從左邊流入，還是自上而下流入。不過，不建議使用這個屬性，建議使用writing-mode屬性
writing-mode:lr-tb(左右上下).tb-rl(上下右左)。
direction:ltr(從左到右),rtl(從右到左)。
unicode-bidi:對文本進行不同的書寫方向。
word-break:設置字體換行時可以斷開不。
white-space:對文本內的空格進行處理。
word-wrap:normal允許內容撐開邊界，break-word:會強制換行。
text-autospace:設置或檢索對象文本的自動空格和緊縮空格寬度調整的方式。
text-kashida-space：如何拉伸字符來調節文本行排列。它可以和text-justify屬性一起使用。
text-justify：設置文本的對齊方式。
ruby-align:rt對象指定的注釋文本或發音指南的對齊位置。
ruby-overhang：rt對象指定的注釋文本或發音指南的對齊位置。
ruby-position：rt對象指定的注釋文本或發音指南的對齊位置。
ime-mode：是否允許用戶激活輸入中文，韓文，日文等的輸入法（IME）狀態。
layout-grid：設置或檢索復合文檔中指定文本字符版式的網格特性。
layout-grid復合屬性。設置或檢索復合文檔中指定文本字符版式的網格特性
layout-grid-char：設置或檢索應用於對象文本的字符網格值
layout-grid-char-spacing：設置或檢索字符間隔
layout-grid-line：設置或檢索應用於對象文本的行網格值
layout-grid-mode：設置或檢索文本網格版式是否使用二維
grid-type：設置或檢索應用於對象文本的網格類型
<!---------------------------------------------------在學習中遇到的問題-------------------------------------------------------->
text-overflow:在DW里面寫text-overflow時，里面沒有提示...有text-align，text-decoration就是沒有text-overflow。我就納悶了，怎么會沒有也？！原來弄了半天那是DW內置沒有text-overflow，但是在瀏覽器中還是可以運行顯示。白呀！
還有很糾結的問題 ，在寫text-overflow：ellipsis時，.text_ellipsis{text-overflow:ellipsis;overflow:hidden;height:10px;width:100px;}運行時
的效果，IE Opera顯示后面根本沒有...號，firefox里面卻有！奇特~。
結果捏~是要實現溢出時產生省略號的效果要寫這兩種定義：white-space:nowrap（強制文本不換行在一行內顯示）,overflow:hidden
（溢出時內容為隱藏）。：-o-text-overflow: ellipsis;opera里面才能顯示
.text_ellipsis{text-overflow:ellipsis; /*ie瀏覽*/ -o-text-overflow: ellipsis; /*opera瀏覽*/ overflow:hidden; /*溢出的內容為隱藏*/white-space:nowrap; /*強制文本不換行*/ height:10px;width:100px;} 
vertical-align：
| baseline | 默認。元素放置在父元素的基線上。 |
| sub | 垂直對齊文本的下標。 |
| super | 垂直對齊文本的上標 |
| top | 把元素的頂端與行中最高元素的頂端對齊 |
| text-top | 把元素的頂端與父元素字體的頂端對齊 |
| middle | 把此元素放置在父元素的中部。 |
| bottom | 把元素的頂端與行中最低的元素的頂端對齊。 |
| text-bottom | 把元素的底端與父元素字體的底端對齊。 |
| length | |
| % | 使用 "line-height" 屬性的百分比值來排列此元素。允許使用負值。 |
| inherit | 規定應該從父元素繼承 vertical-align 屬性的值。 |
這么多的屬性呀！
baseline：顧名思義~基線。這個也是vertical-align的默認屬性，即使你不設置vertical-align圖片和文字還是會以基線為准的。看以張圖吧
，千萬別以為基線就是文字的最下端和圖片的最下端對齊。雖然開始我也這么認為來着。
sub: 
super: 
text-top:
text-bottom:
middle:
top和bottom：和text-top和text-bottom類似。
writing-mode:在IE里面文字可以顯示豎排的效果，但是在火狐里面卻不能顯示。看到說用模擬文字豎排來顯示不用writing-mode，但是這樣感覺代碼太累贅了。希望有更好的方法來解決！
direction:它的效果跟text-align:left/right 的效果差不多，不同的是 direction屬性，ltr(左到右) rtl（右到左）...！ 的效果
direction:ltr;
direction:rtl;
text-align:left;
text-align:right;
可以從以上看出效果來，direction文本從右往左時，符號卻在文字的前面，這顯然...有點...
word-beak:
break-all:
允許文本的任意字斷開。
keep-all:
不允許文本任意字的斷開。
white-space:
normal:用默認的處理方式處理，空白符會被合並，換行符被忽略掉，而且不允許自動換行。
pre:空白符和換行符不保留下來，不允許自動換行，則可能會超過邊界溢出。
nowrap:在一行顯示，空白符會被合並，如果有換行符就強制換行，不允許自動換行。
pre-wrap: 會保留空白符。有換行符的話會自動換行。而且允許自動換行。
pre-line:空白符會自動合並，有換行符的會自動換行，允許自動換行。
ps:(text屬性現在才看完，這速度~時間是擠擠擠出來的！不過會加油的！！)