CSS实现div或ul水平对齐不换行.docVIP

CSS实现div或ul,li水平对齐不换行 在网页前端开发中，我们可能会经常用到走马灯特效，于是乎就需要用CSS来实现文字或图 片水平对齐但不换行的效果，用div+table可是很实现这个效果，但是要用div或ul,li来做就难了，大部分人都会想到用 overflow:hidden+固定宽度width来控制div或li浮动元素不会换行，但这样效果很差或根本无效。其实我们只需要用到两个CSS样式 就能搞定它了，它们分别是display:inline-block，overflow:hidden; 下面就来分析一下它们的作用： 首先，是overflow:hidden。 overflow:hidden是作用是什么呢？大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。 一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细的阐述一下。 div id=outer?div id=inner/div/div 这是一个常用的div写法，下面我们来书写样式。大家可以在DW中自己做试验 #outer{ width:500px;? background:#000; height:500px;} #inner{ float:left; width:600px;