題外話：修改別人的**真的很辛苦，請各位前端er編寫**的時候要時時刻刻的問自己《方便維護嗎？>
正題來了，mm遇到了個什麼坑呢？上圖
第一張圖是用chrome的firebug調整到移動端大小的效果
第二張圖是真機測試，移動端的效果
html截圖
css截圖
.p_no_line_break();的內涵**是將超出的文字變成三個點點。
雖然兩個都是谷歌的引擎，但是還是存在差異，mm分析，在pc端上，把span給display之後他就不受p的行高垂直居中限制了，因為它變成了行內塊級元素，只有position才能辦它；在移動端，雖然span被display了，但是它始終還是行內元素，p的行高是可以使它垂直居中，所以我再給它加position的top值它會向下走。
不知道我的理解對不對，mm是小白，解決辦法還沒有找到，等找到了再上來更新~
span標籤 strong b 標籤
span 標籤 標籤被用來組合文件中的行內元素。注 span 沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化 span標籤 執行如下 span 沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化 用於強調文字，但它強調的程度更強一些，表示重要文字。標籤呈現粗體文字效果。標籤是...
巢狀標籤以及標籤內容垂直水平居中
水平居中很簡單，設定text align center就可以了，但是垂直居中有時候並不是這樣！以前總是嘗試著調padding或者是 margin 但是有的時候好使，更多的時候不行，今天同樣，當height值不大時，增加padding就會增加了整個div或者span的高度，很惱火！正在想理論上vert...
span有間隔 span標籤間距
最近在做的乙個專案裡面碰到這麼乙個問題 塊1塊2 在 塊1 和 塊2 之間存在著乙個大概3em的空白.圖就不上了 這明顯不符合預期.最後發現 當這兩個span寫在一行.問題就解決了.塊1塊2 原因在於 行內元素之間在換行時會產生乙個換行符號，然後會占用一定的寬度.同理 i s之類的行內元素也是會存在...