![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端-css样式
雨里去
这个作者很懒,什么都没留下…
展开
-
ie6,ie7出现的空格不会自动折行
HTML结构及CSS样式如下:li {float:left; margin-right:10px; } 文本1 文本2 文本3这个时候,在ie6、ie7中文字很可能出现断行(暂没发现其他浏览器出现这个问题)解决问题方法: 1)如果文本中没有空格,用word-break属性的keep-all参数可解决这个问题,转载 2013-09-16 11:11:09 · 1765 阅读 · 0 评论 -
ul ol li的序号编号样式
列表内容列表内容列表内容列表 列表内容列表内容列表内容列表 列表内容列表 列表内容列表内容4 列表内容列表内容5原创 2014-11-18 15:14:17 · 98422 阅读 · 0 评论 -
解决display:inline-block 出现的间隙
是把父DIV加上:font-size:0; 他的作用便是让多余的空白符消失,当然这会造成所有子元素的文本都一同消失,因此你需要再在子元素加一个font-size:12px。原创 2014-10-09 12:00:26 · 7532 阅读 · 0 评论 -
边框样式[border-style]
原创 2014-08-13 16:24:39 · 841 阅读 · 0 评论 -
多行文字的垂直居中
My Demo 1 li{margin-bottom: 20px;width: 300px; background:#F1F5F8;} .demobox{display:table-cell;vertical-align:middle;width:140px;height:300px;} .demospan{display:inline-block;vertic原创 2014-09-19 15:28:17 · 756 阅读 · 0 评论 -
表格样式的cellspacing cellpadding
table中cellspacing、cellpadding的css替代写法原创 2014-07-23 16:38:47 · 1222 阅读 · 0 评论 -
CSS布局左中右宽度固定高度自动
弄了一个上午,终于搞定了我的遇见的布局是左中右,宽度固定,左右随首中间的DIV的高度不同要有高度的变化,用表格或iframe实现很简单,但用div+css可有些麻烦,试过用JS来初始化共左中右高度,但在中间DIV高度有变化时,左右的DIV高度并不随着变,终于到了一种“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法,主要解决的代码是在左右DIV中加入padding-bottom转载 2013-09-25 12:01:59 · 1812 阅读 · 0 评论 -
css实现文字指定位置显示,底部对齐,文字在块内的垂直对齐
CSS实现文字底部对齐 #txt{ height:246px; width:512px; border:1px solid #000000; position:relative } #txt p{ position:absolute; bottom:0px; padding:0px; margin:0px } 网页特效转载 2014-07-23 16:40:12 · 53081 阅读 · 0 评论 -
禁止textarea拉伸
style="resize:none"原创 2014-01-22 10:52:01 · 150735 阅读 · 16 评论 -
CSS3相关效果整理
1.过长省略white-space:nowrap;/*为应用text-overflow做准备,禁止换行*/overflow:hidden;/*为应用text-overflow做准备,禁止文本溢出显示*/text-overflow:ellipsis;/*兼容IE,Safari(Webkit)*/-o-text-overflow:ellipsis;/*兼容Opera*/-moz-bin原创 2013-05-29 13:02:21 · 819 阅读 · 0 评论 -
针对于ie不同版本的引入相对应的css样式
根据不同浏览器的引入不同的原创 2014-07-01 11:29:55 · 1456 阅读 · 0 评论 -
flash总是在最前边的解决办法
使用embed的方法播放flash,无论原创 2014-06-19 09:42:31 · 1827 阅读 · 0 评论 -
问题:IE下a没有内容点不了了
浮动层的图片加个A标签,无内容原创 2014-06-13 14:24:34 · 732 阅读 · 0 评论 -
解决 css 中Z-index 一直不起作用
弄了半天,只是做个小的下拉效果,如淘宝的那种,如图但在框中总是层叠不对,如下图找了半天原来只是少了一行代码:position:relative;这个放在上面的DIV中,而下拉框是绝对定位不用处理最终的解决是两个DIV如果有层叠效果必要加上注意:Z-index属性只能工作于那些被定义了position属性的元素中原创 2013-07-17 10:54:53 · 5491 阅读 · 0 评论 -
margin 0 auto在IE8下失效
很奇怪的问题,margin:0 auto;用于水平居中不起作用了,在ie8下,其它浏览器都没问题,最后的解决办法是在body加上width:100%;text-align:center;body{width:100%;text-align:center;}就可以了不过有一点不好的地方,body下的不需要文本居中的都要设一下补充可以加上body{width:100%;text-a原创 2014-12-24 10:31:47 · 8539 阅读 · 2 评论