`
RowRain2013
  • 浏览: 1325 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

如何让table的td随内容增加变宽,而不是换行

css 
阅读更多
[size=xx-small][color=olive][/color][/size]
1,
  有时候table里的td随内容增加而导致内容换行,只要加上一下css
td {text-overflow:ellipsis;white-space:nowrap;}
这样会使td变宽,table当然也变宽了
2,
   要想让table不变宽,也不换行,就只能
td{overflow:hidden;}
分享到:
评论

相关推荐

    固定 table宽度 table-layout: fixed

    这种情况下,设置表格和单元格的宽度为百分比可以实现表格填充屏幕,但这会引发新的问题,即当单元格内容过宽时,表格会变得不规则,高度会随着内容的增多而增加。 为了解决这个问题,我们可以利用CSS的`table-...

    HTML页面自适应宽度的table(表格)

    首先,我们不能简单地将所有表格列(td)设置为固定宽度,因为这可能导致在某些屏幕尺寸下内容显示不全或者过于拥挤。同样,如果全部列都设置为百分比宽度,虽然能够更好地适应屏幕变化,但在某些特定情况下,表格...

    HTML标记一览HTML web java 网页 网站

    * `<TH>`:表格标头,相等于 `<TD>」,但其内之字体会变粗。 表单标记 * `<FORM>`:表单标记,决定单一表单的运作模式。 * `<TEXTAREA>`:文字区块,提供文字方盒以输入较大量文字。 * `<INPUT>`:输入标记,决定...

    HTML 常用语法

    HTML的语法简单而直观,使得网页开发变得容易上手。以下是一些HTML中常用的语法元素和它们的作用: 1. **跑马灯标签** `<marquee>`:用于创建滚动效果,如消息滚动或公告。`behavior`属性控制滚动方式,`direction`...

    网页制作案例教程试题库.doc

    4. HTML标记:`<td>`标记用于定义HTML表格中的单元格,`<tr>`表示表格行,而` `用于换行。 5. HTML5中的上标文字:在HTML5中,将文字设置为上标应使用`<sup>`标记,如`<sup>2</sup>`。 6. 图片链接的参数:在`...

    HTML资料 教程

    - `<table>`:创建表格,`border`属性控制边框宽度,`cellspacing`和`cellpadding`分别控制单元格间距和填充。 - `<tr>`:表格行。 - `<td>`:表格数据单元格。 - `<th>`:表格标题单元格,通常用于表示列名。 ####...

    CSS小结:一行内文本超出指定宽度溢出的处理

    ` - 禁止文本换行,所有内容都在同一行内显示。 5. `overflow: hidden;` - 当内容超出设定的宽度时,隐藏超出的部分。 6. `text-overflow: ellipsis;` - 当内容溢出且`overflow`设置为`hidden`时,显示省略号(…)...

    HTML代码大全(初学者必备!必背!)

    - **换行**:` `,强制换行而不形成新的段落。 - **水平线**:`<hr>`,在内容之间插入一条水平线。 - **嵌入内容**:`<embed>`,用于嵌入非HTML文档,如PDF文件。 - **框架**:`<iframe>`,允许在页面内嵌入另一...

    HTML标记大全参考手册.txt

    - **固定宽度字体**:`<tt>`,类似于等宽字体,常用于显示代码或预格式化的文本。 - **大号字体**:`<big>`,使文本变大。 - **小号字体**:`<small>`,使文本变小。 #### 三、标题与段落 - **标题**:使用 `<h1>` ...

    HTML语法大全

    HTML提供了丰富的标签来构建网页结构,而CSS则让这些结构变得生动和美观。熟练掌握这两者对于前端开发者来说至关重要。本文列举了一些常见的HTML标签和CSS属性,但实际应用中还有许多其他高级特性和技术值得进一步...

    css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度

    `可以让表格的布局固定,这样即使单元格中的内容再长也不会影响表格的宽度,超出的部分会进行换行显示。 - **自动换行处理**:在单元格`<td>`中设置`word-wrap:break-word;`可以使得单元格中的文本在达到边界时自动...

    HTML----学习资料

    - `<PRE>`:预格式化文本,保留空格和换行。 ### 4. 图像和超链接 - `<IMG>`:插入图像。 - `<A>`:创建超链接。 - `<MAP>`:定义图像映射区域。 - `<AREA>`:定义图像映射区域的形状和行为。 ### 5. 列表和定义...

    html代码中文解释

    - **粗体 `<b>` / `<strong>`**:使文本变粗,其中`<strong>`还表示强调。 - **斜体 `<i>` / `<em>`**:使文本倾斜,其中`<em>`也表示强调。 - **下划线 `<u>` / `<ins>`**:给文本添加下划线,其中`<ins>`表示插入...

    HTML标记大全.doc

    - **作用**:使得内容中的单词不会因为超出边界而自动换行。 - **备注**:已不推荐使用,现代布局通常通过CSS控制。 **8. `<WBR>`** - **类型**:建议换行 - **名称或意义**:建议换行位置。 - **作用**:指定一个...

    Html标签,适合初学者

    - `<tt>`:等宽字体,常用于模仿打字机效果。 - `<u>`:下划线文本。 - `<strike>`:穿过文本。 - `<sub>`:下标文本。 - `<sup>`:上标文本。 - `<blink>`:已废弃,用于闪烁文本。 - ` `:换行。 - `...

    HTML标记大全参考手册

    - **`<code>`**、**`<kbd>`** 和 **`<samp>`**:分别用于表示程序代码、键盘输入以及样本输出,通常表现为等宽字体。 - **`<var>`**:表示变量,通常表现为斜体。 - **`<address>`**:定义联系信息,通常表现为...

    从入门到精通HTML5——PDF——网盘链接

     7.1.1 表格的基本构成——table、tr、td 119  7.1.2 表格的标题——caption 120  7.1.3 表格的表头——th 121  7.2 设置表格基本属性 123  7.2.1 表格的宽度——width 123  7.2.2 表格的高度——height...

Global site tag (gtag.js) - Google Analytics