w

为td中英字符串区域设置为display:block; height=td_height,并指明td width。

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. <style>
  9. table, tr, td {
  10. border: 1px solid #000000;
  11. border-spacing: 0;
  12. }
  13.  
  14. table {
  15. width: 160px;
  16. }
  17.  
  18. td {
  19. width: 50px;
  20. height: 60px;;
  21. overflow: hidden;
  22. }
  23.  
  24. span {
  25. display: block;
  26. height: 60px;;
  27. text-overflow: ellipsis;
  28. }
  29. </style>
  30. <table>
  31. <tr>
  32. <td><span>西瓜(学名:Citrullus lanatus (Thunb.) Matsum. et Nakai)一年生蔓生藤本;茎、枝粗壮,具明显的棱。卷须较粗壮,具短柔毛,叶柄粗,密被柔毛;叶片纸质,轮廓三角状卵形,带白绿色,两面具短硬毛,叶片基部心形。雌雄同株。雌、雄花均单生于叶腋。雄花花梗长3-4厘米,密被黄褐色长柔毛;花萼筒宽钟形;花冠淡黄色;雄蕊近离生,花丝短,药室折曲。雌花:花萼和花冠与雄花同;子房卵形,柱头肾形。果实大型,近于球形或椭圆形,肉质,多汁,果皮光滑,色泽及纹饰各式。种子多数,卵形,黑色、红色,两面平滑,基部钝圆,通常边缘稍拱起,花果期夏季。</span>
  33. </td>
  34. <td>1232</td>
  35. <td></td>
  36. </tr>
  37. <tr>
  38. <td></td>
  39. <td></td>
  40. <td></td>
  41. </tr>
  42. <tr>
  43. <td></td>
  44. <td></td>
  45. <td></td>
  46. </tr>
  47. </table>
  48. </body>
  49. </html>
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. <style>
  9. table, tr, td {
  10. border: 1px solid #000000;
  11. border-spacing: 0;
  12. }
  13.  
  14. table {
  15. width: 160px;
  16. }
  17.  
  18. td {
  19. width: 50px;
  20. height: 60px;;
  21. overflow: hidden;
  22. }
  23.  
  24. div {
  25. height: 60px;;
  26. text-overflow: ellipsis;
  27. }
  28. </style>
  29. <table>
  30. <tr>
  31. <td>
  32. <div>西瓜(学名:Citrullus lanatus (Thunb.) Matsum. et
  33. Nakai)一年生蔓生藤本;茎、枝粗壮,具明显的棱。卷须较粗壮,具短柔毛,叶柄粗,密被柔毛;叶片纸质,轮廓三角状卵形,带白绿色,两面具短硬毛,叶片基部心形。雌雄同株。雌、雄花均单生于叶腋。雄花花梗长3-4厘米,密被黄褐色长柔毛;花萼筒宽钟形;花冠淡黄色;雄蕊近离生,花丝短,药室折曲。雌花:花萼和花冠与雄花同;子房卵形,柱头肾形。果实大型,近于球形或椭圆形,肉质,多汁,果皮光滑,色泽及纹饰各式。种子多数,卵形,黑色、红色,两面平滑,基部钝圆,通常边缘稍拱起,花果期夏季。
  34. </div>
  35. </td>
  36. <td>1232</td>
  37. <td></td>
  38. </tr>
  39. <tr>
  40. <td></td>
  41. <td></td>
  42. <td></td>
  43. </tr>
  44. <tr>
  45. <td></td>
  46. <td></td>
  47. <td></td>
  48. </tr>
  49. </table>
  50. </body>
  51. </html>

动态长度中英字符串显示至固定高度td的更多相关文章

  1. JS 获取中英字符串字节长度

    正则匹配中文字: 这里限定中文字的范围,一般的使用是没什么问题的.如果要求十分严格的话,那么就只能使用更加严谨的代码匹配了 1:/([^\u0000-\u00FF])/g 2:/[^\x00-\xff ...

  2. Android strings.xml中定义字符串显示空格

    <string name="str">字 符 串</string> 其中   就表示空格.如果直接在里面键入空格,无论多少空格都只会显示一个. 用的XML转 ...

  3. php中英字符串截取

    <?php @header('Content-type: text/html; charset=UTF-8'); function Ctruncate($str = '', $len = 0, ...

  4. PHP计算中英混输字符串长度

    最近做项目中碰到需要post value length check的这么一个情况 有这么一个需求, 需要backend来处理post过来的中英混输的数据. 对其限制的规则是中文10个字符, 英文20个 ...

  5. ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号

    方法一: public static string GetString(string str, int length) { int i = 0, j = 0; foreach(char chr in ...

  6. Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中

    功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML> <HEAD> <title>We ...

  7. JS写法 数值与字符串的相互转换 取字符中的一部分显示 正则表达规则

    http://www.imooc.com/article/15885 正则表达规则 <script type="text/javascript"> </scrip ...

  8. C语言中求字符串的长度

    在C语言中求字符串的长度,可以使用sizeof()函数和strlen()函数,后者需要引入string.h (#include <string.h>) 因为C语言字符串是以 \0 结尾表示 ...

  9. 38 写一个函数,求一个字符串的长度,在main函数中输入字符串,并输出其长度。

    题目:写一个函数,求一个字符串的长度,在main函数中输入字符串,并输出其长度. public class _038PrintLength { public static void main(Stri ...

随机推荐

  1. 消息成功失败回调demo

    ) )); try {// ListenableFuture<ResponseEntity<String>> future = restTemplate.postForEnti ...

  2. 删除Git记录里的大文件

    删除Git记录里的大文件 仓库自身的增长 大多数版本控制系统存储的是一组初始文件,以及每个文件随着时间的演进而逐步积累起来的差异:而 Git 则会把文件的每一个差异化版本都记录在案.这意味着,即使你只 ...

  3. UIView的使用setNeedsDisplay

    1,UIView的setNeedsDisplay和setNeedsLayout方法   首先两个方法都是异步运行的.而setNeedsDisplay会调用自己主动调用drawRect方法.这样能够拿到 ...

  4. vivado笔记

    Vivado主界面 Vivado套件,相当于把ISE.ISim.XPS.PlanAhead.ChipScope和iMPACT等多个独立的套件集合在一个Vivado设计环境中,在这个集合的设计流程下,不 ...

  5. Sublime Text的列模式

    Sublime Text的列模式如何操作? 听语音 | 浏览:6551 | 更新:2014-12-09 13:27 | 标签:软件 Sublime Text的列模式如何操作?各个系统不一样,请跟进系统 ...

  6. layui进度条bug

    对于动态及生成的进度条,在渲染时候要使用element.init();element.init();element.progress('demo', percent+'%');

  7. Linux之手动设置IP地址

    一.引言 有时候我们装好了机器却发现网络没有设置,而服务器的机器一般都是没有界面的,那么该如何设置IP呢? 二.步骤 root用户,#vi /etc/sysconfig/network-scripts ...

  8. linux学习笔记30--网络命令ifconfig

    许多windows非常熟悉ipconfig命令行工具,它被用来获取网络接口配置信息并对此进行修改.Linux系统拥有一个类似的工具,也就是ifconfig(interfaces config).通常需 ...

  9. 利用RPM和YUM安装软件

    安装软件事root的事,所以必须要以root身份登录! 假设我要安装一个文件名为rp-pppoe-3.5-32.1.i386.rpm的文件, 那么我们可以这样: rpm安装软件 rpm -ivh pa ...

  10. python post get请求

    安装 Requests pip install requests import requests requests.get('https://github.com/timeline.json') 使用 ...