CSS設定最大寬度，超過最大寬度後省略號代替

html：

<div class="titleTab" style="max-width: 200px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;">
富強、民主、文明、和諧、友善、誠信、愛國、敬業、富強、民主、文明、和諧、友善、誠信、愛國、敬業、富
強、民主、文明、和諧、友善、誠信、愛國、敬業、富強、民主、文明、和諧、友善、誠信、愛國、敬業、富強
</div>

CSS：

div {
    white-space: nowrap; /*保證文本內容不會自動換行，如果多餘的內容會在水平方向撐破單元格。*/
    overflow: hidden; /*隱藏超出單元格的部分。*/
    text-overflow: ellipsis; /*將被隱藏的那部分用省略號代替。*/
}

效果：