仓酷云

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

[DIV+CSS] 来谈谈:CSS3网页制造教程:overflow属性凌驾一行显现省略号

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:58:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
破洛洛文章简介:overflow属性使用-不换行,凌驾一行显现省略号.
overflow属性-底本是ie扫瞄器单独开辟的属性,因为在css3中被接纳,失掉了其他扫瞄器的撑持。
指定关于盒内包容不下的内容显现的办法。
Overflow:hidden关于超越包容局限的笔墨会被埋没。
Overflow:scrolldiv元素呈现流动的程度转动条与垂直转动条
Overflow:auto当笔墨超越是依据必要才会呈现程度转动条大概垂直转动条
Overflow:visible则显现效果与不利用overflow属性时一样
Overflow-x、Overflow-y能够独自指定程度偏向上大概垂直偏向上内容超越盒的包容局限时的显现办法。呈现转动条。
Text-overflow:设置内容在程度偏向呈现省略号。(white-space:nowrap使得盒右端内容不克不及换行显现。)

.text{
width:200px;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap;
}
<divclass="text">笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例笔墨实例</div>
</p>
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
深爱那片海 该用户已被删除
沙发
发表于 2015-1-17 20:05:06 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
admin 该用户已被删除
板凳
发表于 2015-1-26 22:27:49 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小女巫 该用户已被删除
地板
发表于 2015-2-5 05:12:57 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
因胸联盟 该用户已被删除
5#
发表于 2015-2-11 06:49:51 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
透明 该用户已被删除
6#
发表于 2015-3-2 00:28:31 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
萌萌妈妈 该用户已被删除
7#
 楼主| 发表于 2015-3-11 03:37:02 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
再现理想 该用户已被删除
8#
发表于 2015-3-17 21:11:43 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
若相依 该用户已被删除
9#
发表于 2015-3-25 06:55:37 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-14 12:55

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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