慕枫网络为您提供最全面的企业网站建设、高端网站设计方案,

为您提供基础、专业的建设知识,为您提供合理的网站建设报价,极简慕枫为您服务。

我们不能,也不会停止学习的步伐,在这里我们会分享我们所知道的、所学习到的,可以帮助到大家的知识, 我们欢迎对网站有想法有研究的你,分享你的所学、心得、经验在我们的网站。

济南网站建设
济南网站建设> 网站建设> 青岛企业网站设计公司:如何使用CSS来解决文本溢出问题 >

青岛企业网站设计公司:如何使用CSS来解决文本溢出问题

发布日期:2019.07.23

青岛企业网站设计公司:如何使用CSS来解决文本溢出问题

青岛企业网站设计公司:如何使用CSS来解决文本溢出问题
  经常发生文本在项目中溢出,解决起来比较麻烦,最大的麻烦在于浏览器兼容性问题。至少到目前为止,我还没有找到一种完全用CSS解决文本溢出的方法。几天前我又遇到了这个问题。经过检查,我发现雷霆页面重构的访谈问题惊人地相似。如果仔细考虑一下,这是不合理的并非巧合。只能说这种情况太常见了。 。

青岛企业网站设计公司:如何使用CSS来解决文本溢出问题


  
  要求是:新闻列表,新闻标题后跟日期,新闻标题的宽度自动截断超过一定宽度,但日期必须完整。
  
  花了一些时间研究它后,最终结果对浏览器兼容性不是很好,但我认为它也非常好。
  
  查看演示
  
  看到这个要求,基本上就知道如何编写HTML结构,一个有序列表(ol + li):
  
  

      
      
  1. 毛猫系列漫画 2010-09-18
      
      
  2. 网页设计需求中的网页设计 2010-09-18
      
      
  3. 如何回应欺诈客户 2010-09-18
      
      
  4. 平面设计师:假名的职业 2010-09-18
      
      
  5. 十字路口的网站设计师 2010-09-18
      
      
  6. 设计师请不要让自己不合适。 <跨度> 2010-09-18
      
      
  7. 什么样的包装被称为新包装? <跨度> 2010-09-18
      
      
  8. 寻找能够找到网页设计和开发专家青岛企业网站设计公司的活动 2010-09-18
      
      
  9. 寻求平面设计同行的经验 2010-09-18
      
      
      
      编写结构,然后编写CSS样式部分。这里我们将重点介绍CSS属性:
      
      文本溢出:省略号;
      
      文本溢出是定义文本溢出,如何切断文本,属性值是省略号是显示省略号(...)当对象内的文本溢出时,此属性支持IE6 / 8/9和IE6 / 9和IE6除Firefox以外的现代标准浏览器:Chrome,Safari。青岛企业网站设计公司 Opera是一个特例,但也有一个特定于Opera的属性:
      
      -o-text-overflow:省略号;
      
      好的,这是完整的CSS代码。
      
      查看sourceprint
      
      
    联系电话 400-6065-301

    留言