`

文本框换行处理

 
阅读更多
1、强制换行word-break:break-all;

当未使用该样式时,虽然我设置了表格宽度为100px,但是面对连续的字符,表格无法自动换行,表格会被撑破。使用方法:

<table cellspacing = "0" cellpadding = "0" width = "100" border = "1" style = "WORD-BREAK:

break-all">  

<tbody><tr><td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td> </tr></tbody>

</table>

2、#wrap{word-break:break-all;width:200px;}

<div id="wrap">ddd111111111111111111111111111111</div>

3、施加到table

(1)<style>

.tb{table-layout:fixed}

</style>

<table class="tbl" width="80">

<tr><td>

abcdefghigklmnopqrstuvwxyz 1234567890

</td></tr>

</table>

(2)

<style>

.tb {table-layout:fixed}

</style>

<table class="tb" width="80"><tr><td nowrap>

abcdefghigklmnopqrstuvwxyz 1234567890

</td></tr>

</table>

(3)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap

<style>

.tb{table-layout:fixed}

</style>

<table class="tb" width=80>

<tr>

<td width=25% nowrap>

abcdefghigklmnopqrstuvwxyz 1234567890

</td>

<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>

</tr>

</table>

分享到:
评论

相关推荐

    Js 回车换行处理的办法及replace方法应用

    当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,这时我们需要把提交的内容做下处理 才可以达到效果。 1、定义js原生的替换函数。js里没有replaceAll的函数,需要我们自定义 代码如下: ...

    VB 实现自动换行的文本编辑器,附网址访问功能.rar

    VB 实现自动换行的文本编辑器。支持自动换行功能,文本的某些格式和已自动换过行的文字在系统开启时无法编辑,取消则可以进行编辑。界面上还有打开网址功能,文本文档程序。功能比较齐全,方便实用。版本1.40,比...

    Delphi统计文本框内容的行列数.rar

    Delphi统计文本框内容的行列数,统计出文字有多少行、多少列,具体请看下面的代码://得到行号和列号  procedure TForm1.Button6Click(Sender: TObject);  var  Hang,Lie,Num,CharsLine:longint;  begin  ...

    textarea.zip

    仿微信文本框,自动换行,动态高度,最大四行后滚动。 js监听textarea实时变化值,将textarea内容插入到一个和textarea相同大小的div中,且各属性相同,高度除外;之后将根据div的高度来给textarea的高度赋值,超出...

    Textbox:具有逐字符效果的Haxeflixel逐字符文本框

    正确的自动换行:如果正在写的单词对于当前行太大,则不会从一行跳到另一行每个字符的效果:允许您具有动态文本。 可扩展和可自定义:有一种向文本框添加新效果,更改字体,颜色,大小等的方法。用法已知问题或怪癖...

    软著申请源代码自动整理工具.zip

    2.设置读取源码所在目录,在对应文本框中粘贴你想导出的项目目录,支持多目录地址,换行粘贴即可 3.设置读取源码文件的扩展名,多个扩展名以英文分号隔开,如"*.js;*.java" 4.处理源代码 5.复制下面文本框中出现的...

    软著源代码整理工具.zip

    2.设置读取源码所在目录,在对应文本框中粘贴你想导出的项目目录,支持多目录地址,换行粘贴即可 3.设置读取源码文件的扩展名,多个扩展名以英文分号隔开,如"*.*.php;*.cpp;*.h;*.java;*.html;*.js;*.cs" 4.处理源...

    网页设计之5种简单的XHTML网页表单

    如果你比较喜欢 label 和单选按钮/多选框出现在不同行,可以选择不把它包含在 label 里面,或者使用硬换行处理。每种情况都在下面展示了。 当这些看起来比较时髦的时候,W3C 事实上已经含蓄地展示了他们的 label ...

    Java实现文字随意拖动.rar

    Java实现文字随意拖动,随处拖动文本字符,移动到任意位置,super("文本的拖动处理"); //调用父类构造函数  String[] data = {"one", "two", "three", "four"}; //字符数组,用于构造列表框  DragList list=new...

    Excel VBA实用技巧大全 附书源码

    01051使用GetOpenFilename方法时出现错误的处理 01052利用GetSaveAsFilename方法获取文件名 01053利用CentimetersToPoints方法将计量单位从cm转换为磅 01054利用InchesToPoints方法将计量单位从in转换为磅 01055显示...

    SynEdit 姚乔锋修改最新版 V2005.05.15

    修改了DoCaseChange, 加快转换字母大小写的处理速度和精简代码,也避免出现一些双字节字符的丢失 8.对画右边线轻微修改,避免有时右边线颜色显示出错 9.修改了属性TEXT, 修正以前改变TEXT后不能UNDO的特性 10.(new) ...

    VB6.0初学者的10个编程小技巧

    10、很多软件都有鼠标在文本框TextBox一按下,就选中所有文字的功能,是怎么实现的? 引用: Private Sub Text1_GotFocus()  Text1.SelStart = 0  Text1.SelLength = Len(Text1.Text) ’过程调用 End Sub ...

    JavaScript 事件的一些重要说明

    1,JavaScript异步回调 代码如下: [removed] //注册回... } [removed] 2,事件对象 下面的js实现当在textarea文本框里面键入回车时,并不导致换行。即禁用回车键 代码如下: &lt;textarea &gt;&lt;/textarea&gt; &lt;sc

    word使用技巧大全

    37、在Excel中实现自动换行 89 38、汉字输入法的若干诀窍 89 39、用Word2000对称页边距进行双面打印 89 40、Excel玩“转置” 89 41、Excel轻松排序 89 42、Word中实现表格标题重复 89 43、Excel中实现表格标题分页...

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

    9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 ...

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

    9.5 表格的宽度固定后内容自动换行 9.6 表格的排序 9.7 表格的斜线 9.8 table中的文字滚动 9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 ...

    用Visual C# 2005开发的文本编辑器

    --------------------------- &lt;br/&gt;本程序支持中文文档编辑,处理文本的编码是:GB2312 &lt;br/&gt;另外,通过对文本框和窗体的Drag有关事件进行处理(DragEnter和DragDrop),实现了可将电脑上的文件拖进本程序窗...

    用Visual C# 2005开发的文本编辑器(修正版)

    --------------------------- &lt;br/&gt;本程序支持中文文档编辑,处理文本的编码是:GB2312 &lt;br/&gt;另外,通过对文本框和窗体的Drag有关事件进行处理(DragEnter和DragDrop),实现了可将电脑上的文件拖进本程序窗...

Global site tag (gtag.js) - Google Analytics