.DesignNO{
word-wrap: break-word;
word-break: normal;
width:50px; color:red;
display:block
} //sapn換行測試過
span標記的樣式設定width屬性，會發現不會產生效果。
如果設置display:block，width屬性生效，但是此時的span跟div一樣了。
如果設置display:inline-block，則span並列在同行，而且width屬性生效。
元素display屬性的常見值說明：
block：塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行。
inline：內聯對象的默認值。將對象強制作為內聯對象呈遞，從對象中刪除行。
inline-block：將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內。
non：隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間。
例如：
<span style="display:inline-block">這是測試</span>