需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的
3、浏览器运行index.html页面,此时列td的大小被固定70px,不随文字而变化。
在TD里增加一个元素,可以是P,也可以是Span,用style设置固定高度和宽度,文字在元素里,并增加 : overflow=scroll 属性 或overflow=hidden
例:
1、overflow=hidden这是一个固定长宽的表格,表格的高宽不跟随文字变化,文字超过会被隐藏掉
2、overflow:scroll这是一个固定长宽的表格,表格的高宽不跟随文字变化,而且有滚动条
这个需要用到程序做判断了。就是比如说,字数有10个以内用样式一,字数大于10个了,就用样式二了,
这两个样式都是控制字体大小的,
如:.zi1{ font-size:12px;line-height:20px; }
.zi2{ font-size:16px;line-height:17px; }
在TABLE样式加上:table-layout:fixed,列宽由表格宽度和列宽度设定。
定义元素的宽高,然后用overflow:hidden;来定义超出部分隐藏。