style="overflow: hidden; text-overflow: ellipsis;" 怎么不起作用？详细代码见内。

2006-06-04 05:14:50 1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

CSS文本不换行与省略号的完整实现原理与避坑指南在Web前端开发中，'单行文本截断'是一个基础却极易出错的布局需求。其核心涉及空白符处理（white-space）、换行控制（line-breaking）、溢出裁剪（overflow）和视觉反馈（text-overflow）四大协同机制。仅设置 white-space: nowrap 并不能真正解决换行问题，它会破坏空格与换行符语义、导致长单词溢出，并在Flex/Grid中引发min-content限制失效；而 text-overflow: ellipsis 更非独立属性，必须配合 nowrap、overf 阅读详情

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Width </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<table width="100%" border="1" nowrap>
<tr>
<td width="20%" nowrap>
<span style="overflow: hidden; text-overflow: ellipsis;">
table width="100%" border="1" nowraptable width="100%" border="1" nowraptable width="100%" border="1" nowrap
</span>
</td>
<td width="30%">
黑龙江发生袭警案乘警1死2伤嫌犯夺枪逃跑被擒
　● 国家二级机密川剧变脸绝技被私传国外(图)
</td>
<td width="50%">
黑龙江发生袭警案乘警1死2伤嫌犯夺枪逃跑被擒
　● 国家二级机密川剧变脸绝技被私传国外(图)
</td>
</tr>
</table>
</BODY>
</HTML>

...全文

3D视觉入门必看：深度图、点云图、IR图、RGB图像到底有什么区别？本文深入解析了3D视觉中深度图、点云图、IR图与RGB图像的核心区别。深度图记录像素距离，是连接2D与3D的桥梁；点云图是显式的三维坐标集合；IR图感知红外光强度；RGB图像则提供颜色纹理。理解其信息维度和应用场景，是进行机器人导航、三维重建等任务的基础。阅读详情

winder

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

winder 2006-06-08

打赏
举报

由于另一篇贴子不允许发过长的内容，有不允许三次回复，先把剩下的部分放这里备查：
三十一、事务的例子

MyIASM表如何进行事务处理:
mysql> LOCK TABLES trans READ, customer WRITE;
mysql> select sum(value) from trans where customer_id=some_id;
mysql> update customer set total_value=sum_from_previous_statement
where customer_id=some_id;
mysql> UNLOCK TABLES;

BDB表如何进行事务:
mysql> BEGIN WORK;
mysql> select sum(value) from trans where customer_id=some_id;
mysql> update customer set total_value=sum_from_previous_statement
where customer_id=some_id;
mysql> COMMIT;

注意你可以通过下列语句回避事务:
UPDATE customer SET value=value+new_value WHERE customer_id=some_id;

--------------------------------------------------------------------------------

三十二、使用REPLACE的例子

REPLACE的功能极像INSERT，除了如果一条老记录在一个唯一索引上具有与新纪录相同的值，那么老记录在新纪录插入前则被删除。不使用

SELECT 1 FROM t1 WHERE key=#
IF found-row
LOCK TABLES t1
DELETE FROM t1 WHERE key1=#
INSERT INTO t1 VALUES (...)
UNLOCK TABLES t1;
ENDIF

而用
REPLACE INTO t1 VALUES (...)

--------------------------------------------------------------------------------

三十三、一般技巧

使用短主键。联结表时使用数字而非字符串。
当使用多部分键码时，第一部分应该时最常用的部分。
有疑问时，首先使用更多重复的列以获得更好地键码压缩。
如果在同一台机器上运行MySQL客户和服务器，那么在连接MySQL时则使用套接字而不是TCP/IP（这可以提高性能7.5%）。可在连接MySQL服务器时不指定主机名或主机名为localhost来做到。
如果可能，使用--skip-locking(在某些OS上为默认)，这将关闭外部锁定并将提高性能。
使用应用层哈希值而非长键码：
SELECT * FROM table_name WHERE hash=MD5(concat(col1,col2)) AND
col_1='constant' AND col_2='constant'

在文件中保存需要以文件形式访问的BLOB，在数据库中只保存文件名。
删除所有行比删除一大部分行要快。
如果SQL不够快，研究一下访问数据的较底层接口。

--------------------------------------------------------------------------------

三十四、使用MySQL 3.23的好处

MyISAM：可移植的大表格式
HEAP：内存中的表
Berkeley DB：支持事务的表。
众多提高的限制
动态字符集
更多的STATUS变量
CHECK和REPAIR表
更快的GROUP BY和DISTINCT
LEFT JOIN ... IF NULL的优化
CREATE TABLE ... SELECT
CREATE TEMPORARY table_name (...)
临时HEAP表到MyISAM表的自动转换
复制
mysqlhotcopy脚本

--------------------------------------------------------------------------------

三十五、正在积极开发的重要功能

改进事务处理
失败安全的复制
正文搜索
多个表的删除(之后完成多个表的更新)
更好的键码缓存
原子RENAME (RENAME TABLE foo as foo_old, foo_new as foo)
查询高速缓存
MERGE TABLES
一个更好的GUI客户程序

winder 2006-06-05

打赏
举报

用百分比不行。

glaciall 2006-06-04

打赏
举报

可以,总之就是需要一个确切的宽度,要比原文占用的宽小一点就能出效果了.

winder 2006-06-04

打赏
举报

width:200px，这个用百分比行吗？

不行的话，象这样的应用有实现办法吗？

glaciall 2006-06-04

打赏
举报

<span style="overflow: hidden; text-overflow: ellipsis;width:200px;">

你先要定义一个宽度值,不然它就会全都显示出来的....

它需要一个下限的长..

style="overflow: hidden; text-overflow: ellipsis;" 怎么不起作用？详细代码见内。

相关推荐