`
welody
  • 浏览: 21103 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

<td>之间文字长度限制

    博客分类:
  • HTML
阅读更多
加入如下css即可控制
<style type="text/css">
   .table {table-layout:fixed}
   .table td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
</style>
<table class="table">
<tr>
<td></td><td></td>
</tr>
</table>

这样就不用担心单元格内文字过长把整个页面撑开——css会自动把显示内容截取并在尾部加"..."来显示 部分内容。
分享到:
评论
1 楼 dengli19881102 2011-07-02  
根本就不行

相关推荐

    HTML+CSS+JS+JQ测试题 - 副本.pdf

    `&lt;input type="text"&gt;`中的`maxlength`属性限制了输入的最大长度。在HTML的`&lt;head&gt;`中,`&lt;meta&gt;`标签的`keywords`属性常用来添加关键词,以提高搜索引擎的索引。 404错误通常意味着请求的页面不存在。级联样式表...

    我在学校的做的html题目

    1. **表格标签**:`&lt;table&gt;` 用于创建表格,`&lt;tr&gt;` 定义行,`&lt;th&gt;` 定义表头,`&lt;td&gt;` 定义单元格。`&lt;thead&gt;`、`&lt;tbody&gt;` 和 `&lt;tfoot&gt;` 分别定义表头、主体和页脚部分。 2. **表格属性**:`border` 设置边框宽度,`...

    html——div的总结

    表单元素中,`&lt;FORM&gt;`定义表单,`action`指定处理表单数据的URL,`method`指定提交方法(通常是POST或GET),`maxlength`限制输入长度,`checked`表示复选框或单选框是否默认选中。`&lt;SELECT&gt;`创建下拉列表,`...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    21春北交《网页设计与制作》在线作业一参考答案.docx

    - **POST方式限制**:POST方式的数据长度不受限制,常用于发送大量数据的情况(选项A)。 - **Div区域交叉**:使用Div标签布置网页时,Div区域是可以交叉的(选项B)。 - **CSS样式重用**:CSS样式不仅可以在一个...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    &lt;/TITLE&gt; &lt;/HEAD&gt; &lt;BODY&gt; &lt;H1&gt; First PHP page &lt;/H1&gt; &lt;HR&gt; &lt;? // Single line C++ style comment /* printing the message */ echo "Hello World!"; # Unix style single line comment ?&gt; &lt;/BODY&gt; &lt;/HTML&gt; 2.4 数据...

    拿什么来拯救你,我的table(海玉博客)

    处理表格中的换行问题,尤其是`&lt;th&gt;`中的文字换行,可以采用以下策略。首先,设置`table-layout: fixed`可以防止内容的长度影响单元格的宽度。如果仍有换行问题,可以在`&lt;td&gt;`或`&lt;th&gt;`内部添加一个`&lt;div&gt;`,然后利用...

    200个Javascript技巧代码

    &lt;td&gt; 文字 &lt;/table&gt;&lt;!--endhead_scrolltext--&gt; &lt;/marquee&gt; ``` **功能解析:** - `direction=up`: 文字向上滚动。 - `scrollamount=1`: 滚动速度(单位为像素)。 - `scrolldelay=100`: 每次滚动之间的延迟时间...

    EDM邮件制作指南

    7. **内联CSS**:由于外部CSS链接在邮件中不可用,所有样式应使用内联CSS(如`&lt;td style="..."&gt;`)来定义文字和图片的样式。 8. **禁用复杂元素**:不使用Flash、Java、JavaScript、frames、i-frames、ActiveX、...

    jquery 截取字符串的实现

    这里的`&lt;div&gt;`元素包含了一段文字,并设置了一个`limit`属性,表示该元素内的文本最大长度为12个字符。 ##### 2. jQuery代码 ```javascript jQuery.fn.limit = function() { var self = $("div[limit]"); self....

    html编写edm时注意事项小结(一般发邮件需要注意的地方)

    - 使用&lt;td&gt;标签包裹同一段文字,以及利用align属性控制内容居中。 - 不建议将Word文档直接转换为HTML格式,因为这种转换可能导致编码不规范。 - 不使用外链CSS样式,而应直接在&lt;td&gt;标签内使用内联样式,确保在...

    js技巧收集(200多个).txt

    通过调整文本框的边框、字体大小、高度、背景色、文字颜色及限制长度,可以优化用户输入体验,同时保持界面的一致性。 ### 6. 边框样式的设定 ```html &lt;input type="text" name="T1" size="20" style="border-...

    注册页面全代码

    }`,该规则将应用于类名为`tr`和所有的`&lt;td&gt;`元素,设置它们的行高、字体大小及颜色。 - **特殊类名的样式定义**:例如`.msg { color: #FF3300 }`定义了一个名为`msg`的类,其文字颜色为红色。这些样式用于显示错误...

    2021-2022计算机二级等级考试试题及答案No.19017.docx

    <table><tr><td> C. </tr></table> D. <thead><body><tr> - **正确答案**:B - **解析**:在HTML中,表格的基本结构由`&lt;table&gt;`标签定义表格本身,`&lt;tr&gt;`定义表格行,`&lt;td&gt;`定义表格单元格。因此...

    vue实现移动端H5数字键盘组件使用详解

    在实际开发中,你可能需要对输入的数字进行验证,比如限制最大长度、不允许输入非数字字符等。这些可以通过在`change`方法中添加相应的逻辑来实现。 最后,记得在Vue项目的入口文件或者父组件中引入这个数字键盘...

    2021-2022计算机二级等级考试试题及答案No.2645.docx

    6. 表格标记在HTML中通常包括`&lt;table&gt;`、`&lt;tr&gt;`和`&lt;td&gt;`,因此B选项是正确的全部表格标记。 7. 多媒体计算机是指能够集成处理文字、图形、声音、活动图像等多种媒体的计算机系统。 8. 软件开发通常包括软件设计、...

    2021-2022计算机二级等级考试试题及答案No.17561.docx

    "&gt;红色单元格&lt;/td&gt; &lt;td style="background-color: blue;"&gt;蓝色单元格&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; ``` #### 3. 存储介质的存取速度 - **软盘与硬盘、光盘**: 软盘的存取速度相比硬盘和光盘来说是最慢的,这主要是由于...

    2021-2022计算机二级等级考试试题及答案No.2587.docx

    6. HTML表格相关的标记包括`&lt;table&gt;`(表格)、`&lt;tr&gt;`(行)和`&lt;td&gt;`(单元格),所以选项B是正确的。 7. CPU是中央处理器的英文缩写,是计算机硬件系统的核心部件,负责执行指令和处理数据。 8. 垃圾回收...

    2021-2022计算机二级等级考试试题及答案No.3996.docx

    在HTML中,`&lt;table&gt;` 用于定义表格,`&lt;tr&gt;` 用于定义表格中的行,而 `&lt;td&gt;` 用于定义单元格。 ### 面向对象的概念 题目指出,对象间通讯靠消息传递,这是一个重要的面向对象编程概念。在面向对象编程中,对象之间...

    2021-2022计算机二级等级考试试题及答案No.17385.docx

    - 完全属于表格标记的是`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`。 ### 9. 表设计器的设计视图的表格组成 - 表格的每一行均由四部分组成,从左到右依次为:行选择区、字段名称、数据类型、说明区。 ### 10. 页面加载时自动调用...

Global site tag (gtag.js) - Google Analytics