设为首页 加入收藏

手机版 郑州清新教育-郑州电脑设计培训学校典范,专业课程包括:室内家装建筑装饰设计培训学习班,平面广告网页美工动漫设计培训,淘宝开店美工运营推广网站手机开发培训等课程
郑州清新教育电话

当前位置:首页 > 网页美工设计

网页美工设计

网页设计中DIV超出部分怎么隐藏呢?

编辑: 时间:2016-10-11 21:46:04

   DIV超出部分隐藏的方法!在写样式的时候,我们需要控制一些内容自动折行,这样可以统一固定好格式,能够让前台的展现更加美观。那么具体的如何能够将超出的部分进行隐藏呢?下面郑州清新教育郑州网页设计培训的老师就来讲讲具体的实现方法。

  一般的文字截断(适用于内联与块):

  .text-overflow {

  display:block;/*内联对象需加*/

  width:31em;/*指定宽度*/

  word-break:keep-all;/* 不换行 */

  white-space:nowrap;/* 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。不换行 */

  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

  text-overflow:ellipsis;/* IE 专有属性,当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/

  }

  对于表格文字溢出的定义:

  table{

  width:30em;

  table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */

  }

  td{

  width:100%;

  word-break:keep-all;/* 不换行 */

  white-space:nowrap;/* 不换行 */

  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

  text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/

  }

  以上就是关于“DIV超出部分隐藏的方法”,大家通过上文的学习,赶快来测试一下吧,看看你是否已经掌握了真正的隐藏方法。

求学问答专业答复,快速响应
电话:0371-63218905
手机:13613841515
QQ:
有问题需要老师在线解答? 立即提问 马上回复
更多 热门课程排行榜
郑州清新教育电脑学校

室内家装设计知识平面广告设计知识网页美工设计知识

模具机械设计知识电脑办公文秘知识游戏动漫设计知识

郑州清新教育电脑学校

清新教育新闻资讯清新教育报班选课清新教育就业服务

关于清新教育联系清新教育清新教育乘车路线

关于我们 版权所有:郑州清新教育(www.qingxinedu.cn)备案号:豫ICP备11011661号