`
wangking717
  • 浏览: 262584 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

CSS的一些应用技巧

CSS 
阅读更多

1. 怎么控制一行拥有几条LI。

 

.rep {
         width:680px;
         float:left;
         list-style-type:none;
         overflow:hidden;
         padding:0;
          margin-left:0;
}

.rep li{
         width:165px;
         margin-left:2px;
         float:left;
         overflow:hidden; 
         text-align:center;
}
 

 

2. 当LI设置了长度,当字数超宽时,隐藏多余的字。

 

 

<style type="text/css">  
<!--  
li {  
    width:200px;  
    white-space:nowrap;  
    text-overflow:ellipsis;  
    overflow: hidden;  
    }  
-->  
</style>

 

 

不断收集中。。。

分享到:
评论

相关推荐

    css高级应用与技巧

    css高级应用与技巧css高级应用与技巧css高级应用与技巧

    css-record:记录css一些使用技巧

    记录css一些使用技巧 本项目HTML文件都是移动端显示 HTML 文件用来测试 md 文件用来总结 div { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } vertical-...

    CSS网页应用技巧

    CSS网页应用技巧

    css排版技巧 实用

    尽管CSS为网页设计带来了革命性的变化,但在实际应用过程中,设计师们也发现了一些仅靠CSS难以解决的问题。例如,当需要在网页上展示一系列缩略图,并且每个缩略图下方都有一个简短的标题时,如何实现这些元素按列...

    CSS的高级使用技巧和和应用

    CSS(Cascading Style Sheets)是一种用于描述网页及应用程序用户界面外观和表现的样式语言。...掌握这些高级技巧和应用,能够帮助你创建更高效、更易于维护的 CSS 代码,从而提升网页的设计质量和用户体验。

    css实用的技巧 css css

    4. **CSS应用小技巧十四例**:这可能是一系列实际场景中的CSS技巧,例如隐藏元素、背景图片定位、文本溢出处理、自适应边距和间距等。 5. **CSS代码缩写实例以及CSS缩写原因总结**:介绍了CSS属性值的缩写形式,如`...

    日常css制表应用10种技巧

    以下是从专业设计师的经验中提炼出的10种CSS应用技巧: 1. **避免过度链接和导入样式表** - 频繁地链接或导入多个样式表会导致管理混乱,增加调试难度,特别是在大型项目中。保持样式表的简洁和模块化,避免一次性...

    css9种设计技巧

    本文将详细介绍9种实用的CSS设计技巧,帮助提升网页的视觉效果和用户体验。 1. 取消下划线:在现代网页设计中,为了使链接看起来更简洁,常常会去除文本链接的下划线。这可以通过在CSS中设置`text-decoration`属性...

    CSS使用技巧的word文档

    本文档提供了几个实用的CSS使用技巧,帮助开发者更高效地控制页面样式。 1. 文字水平居中:通过设置`text-align`属性为`center`,可以实现一段文字在容器内的水平居中对齐。 ```css text-align: center; ``` 2. ...

    CSS高级应用技巧.pdf

    根据提供的文件信息,内容涉及CSS在不同浏览器,尤其是旧版Internet Explorer(IE)浏览器中的高级应用技巧。下面我将详细阐述该文件可能包含的知识点,为IT专业人士提供详尽的解读。 ### 文件内容解析 1. **文档...

    CSS使用技巧总结

    随着互联网的发展,对于网页设计的要求也越来越高,因此掌握一些CSS使用技巧可以帮助我们更好地控制网页元素的布局与样式,提高页面的用户体验。本文将从不同方面介绍一些实用的CSS技巧。 1. 文字的水平居中:通过...

    CSS设计彻底研究详细介绍了css 设计技巧 (ppt)

    总的来说,这本书系统地涵盖了从基础到高级的CSS设计技巧,是网页设计师提升技能的宝贵教材。通过学习,读者不仅可以掌握CSS的基本概念和语法,还能了解到实践中的布局策略和创新设计方法,从而在网页设计领域更加...

    DIV+CSS使用技巧

    介绍DIV和CSS的使用方法和常用技巧。DIV+CSS页面布局基础知识,适用于技术与平台中心无css基础研发人员

    常见的一些面试题和一些css技巧,就是、技巧.zip

    "常见的一些面试题和一些css技巧,就是、技巧.zip"这个压缩包文件显然包含了与面试准备和CSS技术相关的材料,特别是对于那些希望提升自己的前端开发者或者求职者来说,这是一个宝贵的学习资源。以下是一些可能涵盖的...

    css样式表使用技巧

    【CSS样式表使用技巧】 CSS(Cascading Style Sheets)是一种用于定义网页中元素样式和布局的语言,它极大地提高了网页设计的效率和可维护性。本文将分享一些关于CSS高效使用的方法和技巧。 1. **多种引入方式的...

    CSS hack技巧大全

    本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack手段。它主要用于提高样式的优先级,而不是用于浏览器兼容性处理。在某些情况下...

    制作网页Css使用技巧

    这个“制作网页Css使用技巧”资料集合,无疑为那些正在学习或者希望提升CSS技能的初学者提供了宝贵的资源。下面,我们将深入探讨一些关键的CSS知识点,这些技巧将有助于你更好地掌握CSS并提升网页设计能力。 首先,...

    HTML5+CSS3使用技巧

    以下是关于这两个技术的一些核心知识点和使用技巧: 一、HTML5新特性 1. **语义化标签**:HTML5引入了如、、、、和等语义化标签,使得页面结构更加清晰,有利于搜索引擎优化(SEO)。 2. **音频和视频支持**:...

Global site tag (gtag.js) - Google Analytics