`
neeleon
  • 浏览: 186011 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

全自动单元格

    博客分类:
  • CSS
阅读更多

所谓全自动单元格,是指不管单元格的内容有多少,当其内容宽度超过单元格宽度时,会自动换行;当其内容高度超过单元格高度时,会自动出现垂直滚动条。

本例使用了 CSS 来控制单元格的高度和宽度。本例中将单元格的高度固定为 100px ,然后使用了“ overflow ”来设置垂直滚动条。其值为“ auto ”,表示一旦内容超过单元格的高度,则自动出现滚动条。

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>标题页</title>

</head>

<body>

<table width="80%" align="center" border="1" cellpadding="0" cellspacing="0">

  <tr>

    <td width="50%">

      <div style="height:100px;overflow:auto;">

         这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度内容内容内

容这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度内容

这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度内容内

容这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度内容

这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度内容内

容这是测试高度和宽度这是测试高度和宽度内容!

      </div>

    <td>

    <td width="50%">

      <div style="height:100px;overflow:auto;">

         这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度这是测试高度和宽度内容内容内

容这是测试高度和宽度这是测试高度和宽度内!

      </div>

    <td>

  </tr>

</table>

</body>

</html>
分享到:
评论

相关推荐

    js 实现 全自动单元格

    js 实现 全自动单元格! 值得下载看看!资源免费,大家分享!!

    帆软单元格内容提示优化插件

    同时,支持换行显示,对于过长的单元格内容,不再局限于单行显示,而是自动折行,提高阅读舒适度。 3. **动态显示**:插件可能支持动态更新内容,如当单元格数据发生变化时,提示框能实时反映出更新后的信息。 4. ...

    自动累积单元格输入内容到另一单元格内

    在日常工作中,经常需要更新表格...这个加载宏良好的解决了这个问题,在INI配置里,设置好当前列和累积列后,即可以实现在当前列中输入的内容,自动累积在累积列里,逐行记录全产历史内容,给记录更新带来很大方便。

    Excel单元格预览打印不全,与视图不一致方法

    Excel单元格预览打印不全解决方法 Excel单元格预览打印不全的问题是一个常见的问题,许多用户在预览打印Excel单元格时,发现预览显示不全,无法正常打印。这是因为电脑的分辨率与打印机的分辨率不同所致。在本文中...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.2 全自动单元格 9.2 突出的表格 9.3 让表格有提示信息 9.4 闪亮的表格边框 9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按...

    程序天下:JavaScript实例自学手册

    9.2 全自动单元格 9.2 突出的表格 9.3 让表格有提示信息 9.4 闪亮的表格边框 9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按...

    CxGrid单元格查询控件

    5. **滚动到匹配项**:为了让用户能快速查看到查询结果,还可以自动滚动表格,使得匹配的行或列处于可见位置。 6. **实时更新**:为了提供良好的用户体验,查询应是实时的,即用户在输入过程中就能看到查询结果的...

    设置QTableView的内容自动换行,代理方式

    默认情况下,`QTableView`中的单元格内容是不支持自动换行的,而是将文本截断或者显示省略号。要实现内容自动换行,我们可以利用Qt的代理(Delegate)机制来定制单元格的行为。本文将详细讲解如何通过自定义代理实现...

    Excel单元格中数据如何自动换行-.docx

    不过,自动换行可能会导致一些内容显示不全,此时可以通过手动调整列宽来解决。如果调整列宽后仍不能完全显示所有内容,您还需要利用之前学到的自动调整行高的方法来完成换行。 以上就是实现Excel单元格数据自动...

    sheetJs+xlsx-style——前端实现导出excel表格——设置单元格背景色,居中,自动换行,宽度,百分数展示等

    而xlsx-style是SheetJS的一个扩展,它为SheetJS增加了样式支持,允许我们在前端生成具有丰富样式的Excel表格,如设置单元格背景色、文本居中、自动换行、调整宽度以及显示百分比等。 首先,让我们深入了解SheetJS的...

    MFC对EXCEL的操作:修改单元格格式,背景,字体颜色

    例如,添加一个全边框: ```cpp cell-&gt;Borders-&gt;_Item[XlBordersIndex::xlDiagonalDown]-&gt;LineStyle = XlLineStyle::xlContinuous; cell-&gt;Borders-&gt;_Item[XlBordersIndex::xlDiagonalUp]-&gt;LineStyle = XlLineStyle:...

    EPPlus封装导出Excel,更简单,合并单元格更方便

    EPPlus功能齐全,太过臃肿,特别是对单元格合并比较复杂,我只需要简单的一个导出Excel的功能,所以进行了封装。 1.下载解压可直接运行项目 2.运行示例,访问api:GET ...

    WPS插件 自动生成二维码4.0版.zip

    本工具可以自动生成二维码,只要提前设置好参数(包含使用哪些单元格生成二维码、二维码的尺寸、二维码的放置位置,分隔符),用户修改单元格中的值时,程序会全自动生成相应的二维码。 自带GIF动画教材。

    14271 考勤表(全自动公式化统计).zip

    1. 全自动公式化统计:在电子考勤表中,"全自动公式化统计"指的是利用Excel或其他类似软件中的内置函数和公式,如COUNTIF、SUMIF、VLOOKUP等,自动计算员工的出勤、迟到、早退、请假等考勤情况。这些公式能够实时...

    SolidConverterPDFv8(PDF文档自动转word、excel,全自动排版,建议收藏)

    总之,SolidConverter PDF v8是一款高效的PDF转换工具,其全自动排版功能和多种格式转换能力使其在同类软件中脱颖而出。无论是个人使用还是商业环境中,都能显著提高工作效率,简化PDF文件的处理流程。对于需要频繁...

    ios-简单的分区折叠和单元格折叠.zip

    6. **优化性能**:为了防止全表格重新加载导致的性能问题,可以使用`insertRowsAtIndexPaths:withRowAnimation:`和`deleteRowsAtIndexPaths:withRowAnimation:`方法来只更新受影响的行。同时,考虑使用...

    Excel中批量生成二维码与条形码6.4版

    8.支持自动生成二维码,全自动的,只要单元格中录入字符,按下回车时就自动生成二维码。 9.所有功能都自动GIF动画教材,一分钟就能学会使用。 10.支持32位和64位Excel,还支持WPS。 批量生成二维码与条形码 v...

    Excel-VBA宏编程实例源代码-单元格综合应用-新产品市场调查.zip

    在Excel中,VBA(Visual Basic for Applications)是一种强大的编程工具,可以极大地扩展电子表格的功能。...这个实例将涵盖从数据收集、处理、分析到报告生成的全过程,帮助你提升办公自动化水平,提升工作效率。

    利用Excel“全自动”的数据处理实现“零等待”的企业预算分析.pdf

    【Excel“全自动”数据处理实现企业预算分析】 在企业预算管理中,Excel作为一个强大的数据分析工具,可以帮助企业管理者实现“零等待”的预算分析。通过精心设计的表格格式、应用函数公式和数据引用,可以自动化...

    QTableWidget Item文本显示不全(文本溢出)

    QTableWidget item文本显示不全的通过气泡提示出来,如果item内容是完全显示的则气泡不会出现。只有显示不全时气泡才会出现。效果图:https://blog.csdn.net/qq_41622002/article/details/111224339

Global site tag (gtag.js) - Google Analytics