当前位置: 代码迷 >> HTML/CSS >> (转)HTML- 渐变色彩, P强制不换行、自动换行、强制换行
  详细解决方案

(转)HTML- 渐变色彩, P强制不换行、自动换行、强制换行

热度:462   发布时间:2013-08-24 13:17:55.0
(转)HTML---- 渐变颜色, P强制不换行、自动换行、强制换行

?

IE 浏览器

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#3568CC’, gradientType=’0′)

//支持IE8/9/...

startColorStr 开始颜色
endColorStr 结束颜色
gradientType 渐变的方式:0-从上到下,1-从左到右

?

filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)

?

CSS实现P强制不换行、自动换行、强制换行

强制不换行 p{ white-space:nowrap; }?注:?display:inline?:内联对象的默认值。用该值将从对象中删除行。如果其前后都是inline的则在同一行

自动换行 p{ word-wrap:break-word; word-break:normal; }

强制英文单词断行 p{ word-break:break-all; }

?

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。
?span { display:block; }

?

CSS ul?li? 小图标常用设置

[html]?view plaincopyprint?
?
  1. ul?li{????
  2. font-size:14px;???
  3. height:27px;???
  4. line-height:27px;???
  5. background:url(../images/icon_v4.png)?no-repeat;???
  6. background-position:left?-313px;???
  7. padding-left:9px;}??

?

清除浮动

?

[html]?view plaincopyprint?
?
  1. .clearfix:after{???
  2. content:".";??
  3. display:block;???
  4. height:0;???
  5. clear:both;???
  6. visibility:hidden;??
  7. } ?

?

?

转自?http://blog.csdn.net/damys/article/details/8632291

  相关解决方案