固定宽度div中有一个table,table设置宽度100%，但是发现table中的内容有一部分被隐藏掉了，实际内容宽度超过了div的宽度
实际效果图：表格内容超出了div的宽度，但是超出部分是被隐藏的

期望效果图：

表格关键部分

<table cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#000000" style="border-collapse: collapse;" id="mTable">
</table>
解决办法，给表格加上以下属性
 
table-layout: fixed; word-break: break-all; overflow: auto;
                    固定宽度div中有一个table,table设置宽度100%，但是发现table中的内容有一部分被隐藏掉了，实际内容宽度超过了div的宽度实际效果图：表格内容超出了div的宽度，但是超出部分是被隐藏的期望效果图：表格关键部分&lt;table cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#000000" style="border-collapse: collapse;" id="mTable"&gt;
				
用到div包裹table的布局，想要的效果是table的宽度等于div宽度，超出内容省略号显示。
听起来很简单啊，设置table宽度为100%，省略号三行代码往上一粘，心想着大功告成。
but！！！！页面效果发现其中一行数据较长，导致table其实是超出了父级div。
查资料后发现原来table有不一样的默认样式table-layout，它的值是这样的：
实际是把表格写在了 redio 里面
问题： table 在 div 里面，想要的效果是如果 table 的内容超出了父元素就显示省略号，再把 table 的宽度设置为100%，但是，最后数据比较长还是超出了父元素
原因： table 是有不一样的默认样式 table-layout
				
对于CSS文本的一些效果，基础一些的知识比较简单，但对于text-indent,vertical-align,text-align等的深入学习能够使我们对HTML5的学习更加轻松，对这部分知识的深入了解，也更利于以后网站的一些小技巧方面的运用。
 CSS文本属性
     text-decoration 下划线、删除线、顶划线
     text-transf...
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(
				
可以使用CSS的text-overflow属性来实现文字省略。具体实现方法如下：
1. 设置div的宽度和高度，以及overflow属性为hidden，这样超出div宽度的文字就会被隐藏。
2. 设置文本的white-space属性为nowrap，这样文本就不会换行。
3. 设置text-overflow属性为ellipsis，这样超出div宽度的文字就会被省略，并显示省略号。
下面是一个示例代码：
<div style="width: 200px; height: 50px; overflow: hidden;">
  <p style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;">
    这是一段超出div宽度的文字，将会被省略。
</div>
这样就可以实现超出div宽度的文字省略的效果了。