HTML中显示的文字自动换行

在html中控制自动换行

http://www.cnblogs.com/zjxbetter/articles/1323449.html

eg:

<table>
<tr>
<td width="200" style="word-break:break-all;">asdfsasdfasd扩大发射点法打发深刻发射点激发的发觉山地飞机啊飞机莱塞解放龙卷风啊fasasdfsasdfasdfasasdfsasdfasdfasasdfsasdfasdfasasdfsasdfasdfasasdfsasdfasdfasasdfsasdfasdfas</td>
</tr>
</table>

html中td自动换行

head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
table

{
 border-collapse: collapse;
 border: 1px black solid;
}

tr td

{
 border: 1px black solid;
 height: 20px;
 text-align:center;
}

</style>
</head>
<body>
<table width="500" rules="all" style="table-layout:fixed">
  <tr>
    <td width="200px" rowspan="2" style="word-wrap : break-word ">
  内容内容  内容内容  内容内容  内容内容  内容内容
 </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

View Code

 效果图

 

关于Asp.Net label的强制换行

第一种方法是直接引用样式:
<style type="text/css">
 .label{word-wrap:break-word;word-break:keep-all;overflow:hidden;}
</style>
<asp:Label ID="Label3" runat="server" Width="350px" Text='<%# Bind("y_question") %>' CssClass="label"></asp:Label>
复制代码
第二种方法:查看页面源码发现,解析后的label标签为<span>

所以在页面添加样式:

<style type="text/css">
span{word-break:break-all;}

</style>

<asp:Label ID="Label3" runat="server" Width="350px" Text='<%# Bind("y_question") %>' ></asp:Label>
 

View Code

 

时间: 2024-10-01 23:20:10

HTML中显示的文字自动换行的相关文章

ruby在windows 7 cmd 中显示彩色文字

先放上一个实例的bat文件,要求管理员特权运行: @echo off ::CMD里显示彩色文字 chcp 437>nul&&graftabl 936>nul if not exist CONFIG.NT copy %WinDir%/System32/CONFIG.NT CONFIG.NT @cls echo DEVICE=%WinDir%/System32/ANSI.SYS /x >%WinDir%/System32/CONFIG.NT @echo. command /c

如何在Word 2013文档窗口内显示文字自动换行

在Word2013文档中,通过启用"文档窗口内显示文字自动换行"功能,可以在大纲视图下改变文档窗口大小时使文字自动换行,从而使Word文档窗口能够完整显示整行内容(类似于记事本中的"自动换行"效果),操作步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"按钮,如图2013072514所示. 图2013072514 单击"文件"按钮 第2步,打开"Word选项"

Word 2010显示文字自动换行

在Word 2010文档中,通过启用"文档窗口内显示文字自动换行"功能,可以在大纲视图下改变文档窗口大小时使文字自动换行,从而使Word文档窗口能够完整显示整行内容(类似于记事本中的"自动换行"效果),操作步骤如下所述: 第1步,打开Word 2010文档窗口,依次单击"文件"→"选项"按钮,如图2012011503所示. 图2012011503 单击"文件"按钮 第2步,打开"Word选项&qu

Word 2007的文档窗口内显示文字自动换行功能

在Word2007文档中,通过启用"文档窗口内显示文字自动换行"功能,可以在大纲视图下改变文档窗口大小时使文字自动换行,从而使Word文档窗口能够完整显示整行内容(类似于记事本中的"自动换行"效果),操作步骤如下所述: 第1步,打开Word2007文档窗口,依次单击"Office按钮"→"Word选项"按钮,如图2012040422所示. 图2012040422 单击"Word选项"按钮 第2步,打开&qu

Word 2013文档中如何隐藏文字和显示隐藏文字

在Word2013文档中,用户可以将特定文字设置为隐藏文字进行简单保密.那么在Word2013中如何隐藏文字和显示隐藏文字呢?下面分别介绍一下具体的实现方法. 1.设置隐藏文字 用户可以在Word2013"字体"对话框中将特定文字内容设置为隐藏文字,操作步骤如下所述: 第1步:打开Word2013文档窗口,选中需要设置为隐藏文字的文字内容.然后在"开始"功能区的"字体"分组中单击"字体"按钮,如图2013041709所示. 图

在Word 2007文档中设置和显示隐藏文字

用户在使用Word2007编辑文档时,有时需要将Word文档中的特定文字设置为隐藏文字,以实现保密效果.本篇教程介绍在 Word2007文档中设置和显示隐藏文字的方法. 1.设置隐藏文字 用户可以在Word2007"字体"对话框中将特定文 字内容设置为隐藏文字,操作步骤如下所述: 第1步:打开Word2007文档窗口,选中需要设置为隐藏文字的文字内容.然 后在"开始"功能区的"字体"分组中单击"显示'字体'对话框"按钮,如图2

在Word 2010文档中设置和显示隐藏文字

用户在使用Word 2010编辑文档的过程中,常常需要将Word文档中的特定文字设置为隐藏文字,以实现保密效果.本篇教程介 绍在Word 2010文档中设置和显示隐藏文字的方法. 1.设置隐藏文字 用户可以在Word 2010"字体"对话框中将特定文字内容设置为隐藏文字,操作步骤如下所述: 第1步:打开Word 2010文档窗口,选中需要设置为隐藏文字的文字内容.然后在"开始"功能区的"字体 "分组中单击"显示'字体'对话框"

自定义的cell中,button不显示图片文字 求大神告诉我下

问题描述 自定义的cell中,button不显示图片文字 求大神告诉我下 这是自定义的cell - (UIButton *)categoryBtn{ if (!_categoryBtn) { _categoryBtn = [[UIButton alloc]init]; _categoryBtn.backgroundColor = [UIColor yellowColor]; _categoryBtn.titleLabel.text = @""111111""; [_

怎样让一个一个字段数据是数字在页面中显示文字

问题描述 怎样让一个一个字段数据是数字在页面中显示文字 数据库中有个status这个字段但是数据是数字,这个字段表示的是一个状态怎样在这个下拉框中显示文字 解决方案 送数据库中获取该字段的值,设置一个数字类型的变量,根据获取的值给该数字变量进行不同的赋值,最后传到下拉框即可 解决方案二: 你 这是网页还是WinForm程序? 下拉框的选项是有Text和Value属性的,进行中就是Text,Value就是数据库中的值. 解决方案三: 你主要就判断他的数字等于多少,然后为他赋值,把值放到下拉框 显示