仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 815|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来一发CSS完成Table单位格主动换行或不换行

[复制链接]
冷月葬花魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:16:53 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
  用CSS完成Table单位格数据主动换行或不换行的完成办法:
  1、强迫换行:
<styletype="text/css">
.AutoNewline
{
word-break:break-all;/*必需*/
}
</style>
<table>
<tr>
<tdclass="AutoNewline">主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行主动换行</td>
</tr>
</table>
  2、强迫不换行:

<styletype="text/css">
.NoNewline
{
word-break:keep-all;/*必需*/
}
</style>
<table>
<tr>
<tdclass="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>
</tr>
</table>

在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
简单生活 该用户已被删除
沙发
发表于 2015-1-18 05:51:05 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-25 12:32:30 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
若天明 该用户已被删除
地板
发表于 2015-2-2 22:08:05 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
飘飘悠悠 该用户已被删除
5#
发表于 2015-2-8 13:29:18 | 只看该作者
可以使用 CSS 检查工具进行设计。
只想知道 该用户已被删除
6#
发表于 2015-2-25 17:48:38 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
蒙在股里 该用户已被删除
7#
发表于 2015-3-8 01:38:29 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
分手快乐 该用户已被删除
8#
发表于 2015-3-15 20:51:08 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
再现理想 该用户已被删除
9#
发表于 2015-3-22 04:11:19 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:13

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表