如何让html中的td文字只显示部分

作者&投稿:朱显 (若有异议请与网页底部的电邮联系)
请教如何在tableviewcell中显示html文字~

使用UITextView,然后使用NSAttributedString * attrStr = [[NSAttributedString alloc] initWithData:[htmlStr dataUsingEncoding:NSUnicodeStringEncoding] options:@{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType } documentAttributes:nil error:nil];对textView的attributedText赋值
2. 使用DTCoreText第三方库。

1. 使用UITextView,然后使用NSAttributedString * attrStr = [[NSAttributedString alloc] initWithData:[htmlStr dataUsingEncoding:NSUnicodeStringEncoding] options:@{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType } documentAttributes:nil error:nil];对textView的attributedText赋值。2. 使用DTCoreText第三方库。

首先设置表格的样式table-layout:"fixed"再设置表格的宽度(这步必须) ,

这条属性就是让table的内部布局固定大小。

最后再设置td样式的三个必要属性 

样式代码如下:

text-overflow: ellipsis; 

white-space: 

nowrap; 

overflow: hidden; 

在table中必须设置style:

table-layout: fixed;

<style>

td {

      white-space:nowrap;overflow:hidden;text-overflow: ellipsis;

}

</style>

属性描述

white-space:nowrap;规定段落中的文本不进行换行

overflow:hidden;关闭滚动条

text-overflow: ellipsis;溢出的文字显示为省略号

这个时候你会发现,就算变成了省略号,就会出现不知道内容完整的是什么?

所以这个时候可以考虑使用td的title属性,在title属性中设置内容为显示内容,这样只要光标停留在td处就可以显示全部的内容,换行也需要table-layout: fixed;

方法为:同时加入word-wrap:break-word;

table{

        table-layout:fixed;word-wrap:break-word;

}

</style>

整个html代码为:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
 <style type="text/css">   
        table {  
            width:450px;  
            table-layout:fixed;  
        }  
        td {  
            white-space:nowrap;  
            overflow:hidden;  
text-overflow: ellipsis;
        }  
    </style>  
</head>
<body>
<table border="1" cellspacing="0" >  
         <tr>  
             <th style="width:200px;"><strong>FFF</strong></th>  
             <th style="width:250px;"><strong>MMM</strong></th>  
         </tr>  
         <tr>  
             <td>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</td>  
             <td>MMMMMMMM</td>  
         </tr>  
    </table>  
</body>
</html>

效果图为:



html 中 td 里的文字竖着显示
答:那是因为你的表格宽度不够,把文字“挤”得竖起来了。把表格调宽一点就行了。试试这个 <td width="70">信息检索</td> <td><img src="images/pcard2.jpg"></td> 强制不换行--- <td nowrap>信息检索</td> <td><img src="images/pcard2.jpg"></td> ...

HTML中的如何调TD的样式
答:一、字体的调整,可以才CSS文档里写入:比如:TD { font-family: "宋体", "楷体_GB2312", "仿宋_GB2312"; 9pt}font-family:是字体 font-size:是字体大小二、TD之后的字体调用:<td> <font color="#FF0000"> 文字内容 </font> </td> <td> <font size=7> 文字内容 </font> </td...

html中如何对多个<TD>的内容进行居中?
答:用DW,这种做法也是每个里面都加上align=center,如果觉得代码不够简练就用CSS td { text-align: center;} 相同的 .ys{ 你的CSS代码 } 你自己命名的class 前面得加点的哦 .ys{} span class=ys 标准写法是要加上引号的 <span class = "ys"></span> align=center也是 ...

html语言 让文字居中的代码是什么?
答:下面介绍关于html元素水平居中的几种方式 1、对于行内元素采用text-align:center;的方式 2、采用margin:0 auto;来实现水平居中显示 3、用table实现 4、块级的元素但是通过转换成行内元素来实现块级元素的水平居中显示 5、父子元素都采用相对定位,父元素left:50%;子元素left:-50%;相对自己的长度减回...

html中单元格中文字如何靠顶部对齐?
答:可以借助属相valign来实现。实例如下:<html><body><table border="1"><tr><td width="100px" height="50px" valign="top">测试</td></tr></table></body></html>效果如下:补充知识:valign的值有:top(顶对齐) Middle(垂直居中) bottom(底对齐)...

如何使用css让td中的文字自动换行
答:1、首先打开hbuilder软件,新建一个html文件,里面设置一个3行一列的table表格。2、然后在style标签中设置table的样式,给table一个宽度和高度,并且把字体调大,设置背景色;再设置td的样式,给它们添加word-wrap和word-break两个属性就可以了,此css属性表示 在长单词或 URL 地址内部进行换行。3、...

css实现表格的td里面的内容居中.
答:center; "」,这意思是表格栏位内容的元素全部都预设为水平置中,垂直置中的设定在表格栏位<td>标签内的「vertical-align:middle;」,眼尖的读者可能会发现有一个栏位并未设定垂直置中,那是用来比较给各位看,其实现在的新版浏览器几乎都会将文字预设为垂直置中,省去网页设计师的麻烦。

html中表格怎样设置文字居中
答:可以用“text-align”属性控制du文字的位置,“center”属性值让文字居中显示。1、新建html文档,在body标签中添加一个div标签,在div标签中添加p标签,这时文字将会在div标签中靠左显示:2、为div标签设置“text-align”属性,属性值为“center”,这时文本将会居中显示:3、想让文本靠右显示,可以为“...

如何利用CSS控制文本只在一行显示?
答:注:这个只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有"...",其它的浏览器文本超出指定宽度时会隐藏。层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机...

html怎么让文字和图片并排?
答:有一种方法就是利用表格布局,<table> <tr align="center"> <td>文字</td> <td><img src="image/1.png" width="90" height="90" alt=""></td> </tr> </table> 这样写,是可以保证图片和文字同派且文字与图片是居中显示的,而不是文字在图片下方 ...