动态长度中英字符串显示至固定高度td
2024-08-30 18:17:33
w
为td中英字符串区域设置为display:block; height=td_height,并指明td width。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
table, tr, td {
border: 1px solid #000000;
border-spacing: 0;
} table {
width: 160px;
} td {
width: 50px;
height: 60px;;
overflow: hidden;
} span {
display: block;
height: 60px;;
text-overflow: ellipsis;
}
</style>
<table>
<tr>
<td><span>西瓜（学名：Citrullus lanatus (Thunb.) Matsum. et Nakai）一年生蔓生藤本；茎、枝粗壮，具明显的棱。卷须较粗壮，具短柔毛，叶柄粗，密被柔毛；叶片纸质，轮廓三角状卵形，带白绿色，两面具短硬毛，叶片基部心形。雌雄同株。雌、雄花均单生于叶腋。雄花花梗长3-4厘米，密被黄褐色长柔毛；花萼筒宽钟形；花冠淡黄色；雄蕊近离生，花丝短，药室折曲。雌花：花萼和花冠与雄花同；子房卵形，柱头肾形。果实大型，近于球形或椭圆形，肉质，多汁，果皮光滑，色泽及纹饰各式。种子多数，卵形，黑色、红色，两面平滑，基部钝圆，通常边缘稍拱起，花果期夏季。</span>
</td>
<td>1232</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
table, tr, td {
border: 1px solid #000000;
border-spacing: 0;
} table {
width: 160px;
} td {
width: 50px;
height: 60px;;
overflow: hidden;
} div {
height: 60px;;
text-overflow: ellipsis;
}
</style>
<table>
<tr>
<td>
<div>西瓜（学名：Citrullus lanatus (Thunb.) Matsum. et
Nakai）一年生蔓生藤本；茎、枝粗壮，具明显的棱。卷须较粗壮，具短柔毛，叶柄粗，密被柔毛；叶片纸质，轮廓三角状卵形，带白绿色，两面具短硬毛，叶片基部心形。雌雄同株。雌、雄花均单生于叶腋。雄花花梗长3-4厘米，密被黄褐色长柔毛；花萼筒宽钟形；花冠淡黄色；雄蕊近离生，花丝短，药室折曲。雌花：花萼和花冠与雄花同；子房卵形，柱头肾形。果实大型，近于球形或椭圆形，肉质，多汁，果皮光滑，色泽及纹饰各式。种子多数，卵形，黑色、红色，两面平滑，基部钝圆，通常边缘稍拱起，花果期夏季。
</div>
</td>
<td>1232</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
最新文章
- oracle日常——sqlplus客户端登录
- UISearchController 的用法［点击搜索框，自动到顶部］
- ORA-20000 ORU-10027 buffer overflow limit of 2000 bytes
- Convert a given Binary Tree to Doubly Linked List
- 焦点问题onfocus=”this.blur()”代替方法（转）
- WPF 获取程序路径的一些方法，根据程序路径获取程序集信息
- C#内存占用大量资源的解决办法
- [原创]java WEB学习笔记50：文件上传案例
- SCCM部署win7操作系统，系统盘为D盘
- python中关于正则表达式
- delphi启动 EditLineEnds.ttr 被占用问题
- Angular JS Scope（作用域）
- JAVA面向对象的三大特性 封装
- 撸一撸Spring Cloud Ribbon的原理
- python爬虫（6）——正则表达式（三）
- String字符串创建与存储机制
- $m$ 整除 $10^k$ 的一个充分条件
- The declared package does not match the expected package Java
- while 、函数、参数
- （转）Awesome GAN for Medical Imaging
热门文章
- SQL Server 创建和使用索引
- Android错误之--activity_main cannot be resolved or is not a field
- 1.Vector(向量容器)
- JAVA 数组格式的json字符串转换成List
- 文件指针/句柄（FILE*）、文件描述符（fd）以及 文件路径（filepath）的相互转换（转）
- Python 常用内置模块（加密模块 hashlib，Base64）
- python2和python3中str,bytes区别
- Installing OwnCloud 9 on Debian 8
- 基于Java语言开发jt808、jt809技术文章精华索引
- shell程序练习