在做界面展示时,table的内容过多,超出div的大小,看着table的边框盖过了div的边框,不美观。
问题解决:
因为页面整体的布局美工都设计好了,使用公共的css文件,所以自己改的时候只能在jsp中重新定义<style type="text/css"></style>,在这儿定义table的属性,table-layout:fixed;,然后定义table中td的属性,overflow:hidden;text-overflow:ellipsis;,然后在定义table中td的属性,nowrap=false,整个问题就解决了。解决完成的效果是:如果td中的内容过多,会隐藏多出的部分,然后有三个省略号表示隐藏的部分。
直接给el-
table
设置height属性,height包括表头的高度;设置了height后,则行旁边就会出现一个滚动条了。el-
table
还有一个max-height的属性。
当一行文字超过
DIV
或者
Table
的宽度的时候,浏览器
中
默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢?看到这个标题很容易就会想到截断文字加“…”的做法。
一般的文字截断(适用于内联与块): ==============CSS================
复制代码代码如下: .text-overflow{ display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/*
内容
超出
宽度时隐藏
超出
部分的
内容
*/ t
用到
div
包裹
table
的布局,想要的效果是
table
的宽度等于
div
宽度,
超出
内容
省略号显示。
听起来很简单啊,设置
table
宽度为100%,省略号三行代码往上一粘,心想着大功告成。
but!!!!页面效果发现其
中
一行数据较长,导致
table
其实是
超出
了父级
div
。
查资料后发现原来
table
有不一样的默认样式
table
-layout,它的值是这样的:
1.父级
div
是否设置了宽度,只有设置了宽度且滚动条在
div
内才是你想要控制的滚动2.仅凭你说的这些属性不知道滚动条怎么不能动,可以贴一下代码?3.横向需要滚动条的话必须设置
table
的确定宽度做了一个demo:.
table
{
table
-layout:fixed;width:1000px;border:1pxsolid#ccc;}.
table
td{border:...
固定宽度
div
中
有一个
table
,
table
设置宽度100%,但是发现
table
中
的
内容
有一部分被隐藏掉了,实际
内容
宽度超过了
div
的宽度
实际效果图:表格
内容
超出
了
div
的宽度,但是
超出
部分是被隐藏的
期望效果图:
表格关键部分
<
table
cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#000000" style="border-collapse: collapse;" id="m
Table
">
实际是把表格写在了 redio 里面
问题:
table
在
div
里面,想要的效果是如果
table
的
内容
超出
了父元素就显示省略号,再把
table
的宽度设置为100%,但是,最后数据比较长还是
超出
了父元素
原因:
table
是有不一样的默认样式
table
-layout
1.我是用struts2标签做的:如下:String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";%>博客列表function goTo(max...
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
html表格
table
的宽度
超出
页面宽度时,如何操作才能不改变
table
宽度?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的
内容
,让我们赶快一起来看一下吧!表格
table
的宽度
超出
页面宽度时如何不改变
table
宽度(只显示出滚动条)?在
table
外面,加一个
div
,设定高度和宽度,然后设定一下overflow:auto就可以了 。表格由 标签来定...