tableLayout 属性用来设定表格单元格、行、列显示属性。

table-layout 有以下取值：

当遇到table的宽度超过包围其的div的宽度时，一般要先在浏览器查看元素属性，尝试修改、取消观察样式变化。就我的实际情况而言，最后发现表格的宽度是和表格的element.style属性和单元格内容的宽度属性有关。这是最关键的地方。找到了源头，问题就不难解决了。

单元格内容的宽度在我这儿容易修改，可是element.style属性不知是从哪儿引的。在互联网的帮助下，得知element.style属性是内联样式。用!important 语法优先权可以实现我们想要的效果。
原来是这种样式：

element.style {
    width: 197px;
宽度太大，想设置自动宽度。如下：
 
.table th{
   width: auto  ! important;
这样问题就解决了。
                                    固定宽度div中有一个table,table设置宽度100%，但是发现table中的内容有一部分被隐藏掉了，实际内容宽度超过了div的宽度
实际效果图：表格内容超出了div的宽度，但是超出部分是被隐藏的
期望效果图：
表格关键部分
<table cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#000000" style="border-collapse: collapse;" id="mTable">
                                    css代码：　　 
复制代码代码如下: 　 #dlgReply { /*display: table-cell; text-align: center;*/ vertical-align: middle; } table { margin-left: auto; margin-right: auto; } 
html代码： 
复制代码代码如下: <div id=”dlgReply”> <table> <tr> <td> <label> 电话： </label> </td> <td> <input type=”text” class=”textbox” id=”” /> </td> </tr> 
                                    从前在页面布局的时候，table被大量的使用，其中一个好处便是元素可以轻松的定位，不会出现什么窜行的问题。你要是用div的话，一会inline一会float很是蛮烦。怎么样才能在使用div的时候也能享受的table定位的好处呢？下面举个例子： 
复制代码代码如下: <!–HTML –!> <div id=”parent”> <div id=”c1″></div> <div id=”c2″></div> </div> 
一个父容器，装有两个子容器，在c1宽度不确定的情况下，如何让c2填充满父容器呢？可以这样： 
复制代码代码如下: <span xss=removed> <
                                    用到div包裹table的布局，想要的效果是table的宽度等于div宽度，超出内容省略号显示。
听起来很简单啊，设置table宽度为100%，省略号三行代码往上一粘，心想着大功告成。
but！！！！页面效果发现其中一行数据较长，导致table其实是超出了父级div。
查资料后发现原来table有不一样的默认样式table-layout，它的值是这样的：
实际是把表格写在了 redio 里面
问题： table 在 div 里面，想要的效果是如果 table 的内容超出了父元素就显示省略号，再把 table 的宽度设置为100%，但是，最后数据比较长还是超出了父元素
原因： table 是有不一样的默认样式 table-layout
问题解决：
    因为页面整体的布局美工都设计好了，使用公共的css文件，所以自己改的时候只能在jsp中重新定义，在这儿定义table的属性，table-layout:fixed;，然后定义table中td的属性，overflow:hidden;text
                                    html表格table的宽度超出页面宽度时，如何操作才能不改变table宽度？以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！表格table的宽度超出页面宽度时如何不改变table宽度(只显示出滚动条)？在table外面,加一个div,设定高度和宽度,然后设定一下overflow:auto就可以了 。表格由  标签来定...
                                    重点是：table-layout=fixed; width=100%;效果：650) this.width=650;" src="https://s3.51cto.com/wyfs02/M00/92/6A/wKiom1j_M-bwQp95AABiVjlOp6M372.png-wh_500x0-wm_3-wmp_4-s_2602185900.png" title="index.png" alt="w
                                    <div class="sjzl-conponent" :class="isFullScreen?'full':'notFull'">
        <div style="width: 100%;position: absolute;">
            <el-tabs v-model="activeName">
            <el-tab-pane label="数据总览" name="first">