HTML Table TR Auto Wrap, Width Adaptive: table-layout:fixed Property Narration __html

Explanation of the Table-layout:fixed property
If you want a table fixed size, the inside text is forced to wrap (especially in a long string of English text, and there is no space between the case), in order to make the long text does not break the purpose of the table, is generally the use of style: Table-layout:fixed. But under Firefox, there will be some problems: Firefox, content will float out of the box, temporarily did not find a solution, if there is a solution to this method of friends, welcome to the post, holds dutifully will be very grateful!

Example 1: (ie browser) long string English automatic return line
Methods: Adding Word-wrap:break-word at the same time;
Table{table-layout:fixed;word-wrap:break-word;}

Example 2: (ie browser) the contents of a table are hidden

methods: Use Styles table-layout:fixed and nowrap (one row column)

Example 3: (Ie\firefox browser) fixed width to hide superfluous content
Method: Use style table-layout:fixed and nowrap with percent fixed TD size, and use div (row two columns)