`
Franciswmf
  • 浏览: 796922 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

td长度固定,内容过长,超过部分用省略号代替

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<style type="text/css">
.mytable {
	table-layout: fixed;
	width: 98% border:0px;
	margin: 0px;
}

.mytable tr td {
	text-overflow: ellipsis; /* for IE */
	-moz-text-overflow: ellipsis; /* for Firefox,mozilla */
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid;
	text-align: left
}
</style>
</head>
<body>
	<table width="500px" class="mytable">
		<tr>
			<td width="20%">海贼王</td>
			<td width="80%">ONE PIECE”在故事中为“一个大秘宝”之意。故事描述男主角‘草帽’
				蒙其·D·路飞为了当上“海贼王”而踏上“伟大航道”及与其伙伴的经历。传说中‘海贼王’
				哥尔·D·罗杰在死前说出他留下了具有财富、名声、力量世界第一的宝藏“ONE PIECE”,许 多人为了争夺“ONE
				PIECE”,争相出海,许多海贼开始树立霸权,而形成了“大海贼时代”。
				十年后,路飞为了要实现与因救他而断臂的四皇‘红发’香克斯的约定而出海,在遥远的路途
				上找寻着志同道合的伙伴,一起进入“伟大航道”,目标当上“海贼王”</td>
		</tr>
	</table>
</body>
</html>
分享到:
评论

相关推荐

    JQuery 控制内容长度超出规定长度显示省略号

    在Web开发过程中,经常会遇到需要对页面上的文字进行截断处理的情况,即当文字长度超过某个预设值时,以省略号(...)的形式来显示,以避免布局混乱或者内容溢出。JQuery作为一个强大的JavaScript库,提供了便捷的...

    CSS超出文本指定宽度用省略号代替和文本不换行

    本文将深入探讨如何使用CSS实现超出文本指定宽度用省略号代替以及禁止文本换行。 1. **一般文字截断** 当我们希望文本在特定宽度后被截断并用省略号表示时,可以使用以下CSS样式: ```css .text-overflow { ...

    bootstrap表格内容过长时用省略号表示的解决方法

    首先 ,bootstrap中当td内容超过我给的固定宽度时,省略号代替的代码如下: 商品名称 详细介绍 购买数量 &lt;tbody i

    html中的div、td 、p 等容器内强制换行和不换行的实现

    当希望文本在容器内不换行且超出部分以省略号表示时,可以使用以下CSS样式: ```css div { width: 100px; /* 容器宽度 */ overflow: hidden; /* 隐藏超出部分 */ white-space: nowrap; /* 不允许文本换行 */ ...

    CSS文本超出指定宽度后隐藏并显示为省略号的实现方法

    - 这样设置后,如果 `#div1` 元素内的文本长度超过了元素的宽度,文本将会被隐藏,超出部分以省略号代替。 3. 对于表格中的文本溢出处理: - 表格中的文本溢出可以通过类似的方法处理,但需要注意 `table-layout`...

    div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...

    当内容在容器内宽度不足以完整显示时,浏览器默认会将文字换行,但是有些时候我们不希望文字进行换行显示,而是希望超出容器宽度的部分不显示或者使用省略号来代替。对于这类需求,可以通过CSS来实现。 在CSS中,...

    GridView_72般绝技

    为了防止超长字符串导致布局问题,可以限制文本长度,并使用省略号代替超出的部分。 **实现方式:** 1. 在`ItemTemplate`中使用`Eval`表达式和`String.Format`方法。 2. 例如:`(Eval("TextField") != null ? ...

    freemarker总结

    其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替&gt;会有更好的效果,因为 FreeMarker会把&gt;解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:(x&gt;y)&gt; ...

    C#精髓-- GridView 72般绝技

    **知识点**:处理超过指定长度的文本,使用省略号来表示。 - **使用DataFormatString**:通过设置 `DataFormatString` 来截断文本并添加省略号。 - 示例代码:设置文本列的格式。 ```csharp 文本" ...

Global site tag (gtag.js) - Google Analytics