CSS自動換行

1、換行

1）css實現td的自動換行

在做專案時有時會出現文字過多，一行不能完全顯示，需要換行顯示的要求，現在了解一下下吧^_^。

td元素的nowrap屬性表示禁止單元格中的文字換行，但使用時還要注意，nowrap屬性的行為與td元素的width屬性有關。若未設定td寬度，則nowrap屬性可以起作用，但是若設定td寬度，則nowrap不起作用。

在td元素中可以進行如下的**設定：

2）

小換行，與之前的間距大小不變3）

大換行，下上2個段落之間的間距變大。

4）有時設定寬度對連續的英文或數字等無效，需要強制換行，這時就需要用到word-wrap:break-word;或word-wrap:break-all;

當然了，也有文字過多需要顯示前部分o(*￣︶￣*)o

2、顯示部分文字有2種方法，不過都可以用text-overflow

語法：text-overflow : clip | ellipsis

clip : 　不顯示省略標記（...），而是簡單的裁切

ellipsis : 　當物件內文字溢位時顯示省略標記（...）

1）前部分用文字，後部分用省略號text-overflow : ellipsis

總結：如果想要隱藏溢位的內容，同時又想讓多餘的內容以省略號的形式顯示，這時就需要用到overflow和text-overflow，與此同時，為避免文字自動換行，增加nobr標籤強制內容不換行。即需要用到overlow、text-overflow、nobr。

2）直接擷取text-overflow : clip

3、不換行及不換行的方法

如果我們對li元素設定了寬度，其內容達到設定寬度自動會自動換行，但是有時候因為需要不想讓其換行，希望其在一行顯示。我們可以在對其元素進行css設定時，增加white-space:nowrap;

我是超連結1 我是超連結2 我是超連結3 我是超連結4 我是超連結5 我是超連結6 我是超連結7 我是超連結8