html 中实现在固定长度的表格一行中显示文字,文字超过行的固定长度时不自动换行,在一行中显示所有文字。

作者&投稿:毕胥 (若有异议请与网页底部的电邮联系)
html当单无格中的文字超过表格的宽度时,我不想把文字换行,表格宽度也固定,该怎么处理,我~

1,你这个解决方法挺好的,但是文字行的东西是没有alt的,不妨在后面加上一张表示more的图片,然后给图片加上alt信息!alt信息当中在注明需要展示的文字;
2,用js(比如Jquery气泡提示插件,百度一下你就知道)控制层的显示;
3,或者直接将文字写在当前摘要文字的下方,但是预先隐藏,当鼠标划过或着点击的时候,在展示也不错!

{white-space:normal}当定义的宽度之后自动换行

分析如下:
html
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义
css
#wrap{white-space:normal; width:200px; }
1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#wrap{word-break:break-all; width:200px;}或者#wrap{word-wrap:break-word; width:200px;}

2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}

扩展资料:
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
编程工具
记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时,以.html为后缀名进行保存即可。
Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。

工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。
名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。
参考资料来源:百度百科:CSS (层叠样式表)

首先要确保table或者td没有宽度限制,然后设置td禁止换行
table{
table-layout:fixed;
}
td{
width:100%;
word-break:keep-all;
white-space:nowrap;
}

输入框才会有光标(焦点),普通文本是没有的,你可以让文字在固定宽度滚动显示

设置宽度