A JavaScript Fancier
伟大的javascript技术研究中...
IT博客
::
首页
::
新随笔
::
联系
::
聚合
::
管理
::
304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks
<
2007年5月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
公告
本blog为作者本人学习JS脚本所用,未经特别声明,本站所有文章均属作者本人原创,请转载时注明来源!谢谢合作!同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com
常用链接
我的随笔
我的评论
我参与的随笔
留言簿
(26)
给我留言
查看公开留言
查看私人留言
随笔分类
__非技术文章__(24)
(rss)
DHTML相关技术(2)
(rss)
HTML/XHTML/CSS(37)
(rss)
javascript个人作品(37)
(rss)
javascript代码收藏(22)
(rss)
javascript代码研究(18)
(rss)
javascript技巧总结(72)
(rss)
javascript语法基础(20)
(rss)
Js框架组件(33)
(rss)
Web2.0相关内容(11)
(rss)
Web开发相关知识(28)
(rss)
其它技术文章(3)
(rss)
动态网页编程技术(4)
(rss)
正则表达式专题(10)
(rss)
随笔档案
2008年7月 (7)
2008年6月 (14)
2008年5月 (15)
2008年4月 (4)
2008年3月 (5)
2008年1月 (7)
2007年12月 (10)
2007年11月 (22)
2007年10月 (27)
2007年9月 (16)
2007年8月 (1)
2007年7月 (8)
2007年6月 (5)
2007年5月 (12)
2007年4月 (16)
2007年3月 (3)
2007年2月 (5)
2007年1月 (22)
2006年12月 (11)
2006年11月 (4)
2006年10月 (2)
2006年9月 (6)
2006年8月 (4)
2006年7月 (17)
2006年6月 (61)
Ajax技术站点
AJAX Matters
Ajaxian(国外)
AjaxPatterns Wiki
AJAX中国
Ajax中国-李琨老师的blog
笑笑设计(Ajax高人Blog)
javascript学习站点
javascript论坛
JSVM官方站点
无忧脚本
正则表达式库
JS高人Blog
LlinZzi's Blog
宝玉的blog
西林@生存
Ruby&&Ajax框架
Ajax效果框架
Bindows官方站
JSLinb(Ajax框架)
RubyonRail
rubyonrails
Ruby官方站
类C++的js框架
Web技术站点
CoolCode.CN
HTML5时代
专注于html5/css3及mobile开发的博客
IECN社区
Ugia.Cn
WEB2.0技术博客
(rss)
Web服务_TechTarget
蓝色理想
搜索
积分与排名
积分 - 878536
排名 - 2
最新评论
1. re: 利用arguments.callee实现匿名函数的递归
http://uedbet-getafe.weebly.com
--匿名函数
2. re: 解决Ext2.0中ComboBox执行Filter第一次无效的问题
评论内容较长,点击标题查看
--学习着
3. re: 有关window.undefined=window.undefined写法的理解(Ext2学习总结)
1
--1
4. re: EXT Ajax访问url返回405错误的解决办法
果然是requestMethod:'GET' 的问题。哈哈
--倔强的土豆
5. re: CSS中table-layout属性的作用及使用详解
vnbg
--左支座
阅读排行榜
1. document.getElementById()方法简写【js技巧】(58675)
2. 推荐一个IE下的优秀js调试工具(Companion.JS)(42447)
3. 关于JavaScript中apply与call的用法意义及区别(41829)
4. 转换字符串为json对象的方法 (19258)
5. JS中的instanceof和typeof (19107)
评论排行榜
1. XHTML1.0学习总结(30)
2. 关于JavaScript中apply与call的用法意义及区别(28)
3. [推荐]收藏的国内外网站设计资源【摘自http://adobeplus.blog.sohu.com】(26)
4. 一个正则实现文本框中只能输入数字和小数点(20)
5. Mastering JavaScript — concept and resource guide(20)
CSS网页制作时实现自动换行的小技巧【摘自http://blog.csdn.net/applebbs/】
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!
对于div
1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
<
div
id
="wrap"
>
ddd1111111111111111111111111111111111
</
div
>
效果:可以实现换行
2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
<
div
id
="wrap"
>
ddd1111111111111111111111111111111111111111
</
div
>
效果:容器正常,内容隐藏
对于table
1. (IE浏览器)使用样式table-layout:fixed;
<
style
>
.tb
{
table-layout
:
fixed
}
</
style
>
<
table
class
="tbl"
width
="80"
>
<
tr
>
<
td
>
abcdefghigklmnopqrstuvwxyz 1234567890
</
td
>
</
tr
>
</
table
>
效果:可以换行
2.(IE浏览器)使用样式table-layout:fixed与nowrap
<
style
>
.tb
{
table-layout
:
fixed
}
</
style
>
<
table
class
="tb"
width
="80"
>
<
tr
>
<
td
nowrap
>
abcdefghigklmnopqrstuvwxyz 1234567890
</
td
>
</
tr
>
</
table
>
效果:可以换行
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap
<
style
>
.tb
{
table-layout
:
fixed
}
</
style
>
<
table
class
="tb"
width
=80
>
<
tr
>
<
td
width
=25%
nowrap
>
abcdefghigklmnopqrstuvwxyz 1234567890
</
td
>
<
td
nowrap
>
abcdefghigklmnopqrstuvwxyz 1234567890
</
td
>
</
tr
>
</
table
>
效果:两个td均正常换行
3.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div
<
style
>
.tb
{
table-layout
:
fixed
}
.td
{
overflow
:
hidden
;
}
</
style
>
<
table
class
=tb
width
=80
>
<
tr
>
<
td
width
=25%
class
=td
nowrap
>
<
div
>
abcdefghigklmnopqrstuvwxyz 1234567890
</
div
>
</
td
>
<
td
class
=td
nowrap
>
<
div
>
abcdefghigklmnopqrstuvwxyz 1234567890
</
div
>
</
td
>
</
tr
>
</
table
>
这里单元格宽度一定要用百分比定义
效果:正常
posted on 2006-12-23 21:49
Yemoo'S JS Blog
阅读(530)
评论(0)
编辑
收藏
引用
所属分类:
HTML/XHTML/CSS
只有注册用户
登录
后才能发表评论。
Powered by:
IT博客
Copyright © Yemoo'S JS Blog