请使用firefox,chrome等最新浏览器浏览本站。

基于display:inline-block的列表布局

拜读了 张鑫旭的拜拜了,浮动布局-基于display:inline-block的列表布局后,个人对inline-block实现列表布局有了一些认识和总结。 我们都知道用float实现列表布局必须给浮动元素限高。 使用inline-block实现列表布局,会使得每一行所有的inline元素和inline-block元素会共同形成一个line boxes,这个l……继续阅读 »

阿豹 4年前 (2015-01-16) 368浏览 0评论 0个赞

CSS 中文字体 Unicode 编码表

在css中为了防止中文字体出现乱码,通常会把中文字体写成对应的英文字体或者unicode码 字体名称 英文名称 Unicode 编码 宋体 SimSun \5B8B\4F53 新宋体 NSimSun \65B0\5B8B\4F53 黑体 SimHei \9ED1\4F53 微软雅黑 Microsoft YaHei \5FAE\8F6……继续阅读 »

阿豹 4年前 (2014-11-19) 352浏览 0评论 1个赞

css currentColor

currentColor简介 css中 currentColor表示“当前的标签所继承的文字颜色”。该属性支持IE9+ currentColor应用 css背景镂空与currentColor 背景镂空:图标形状区域是透明镂空的,而周边是实色的。 查看demo 效果如图: ……继续阅读 »

阿豹 4年前 (2014-11-06) 326浏览 0评论 0个赞

自适应表格实现溢出文本显示省略号

之前写过关于溢出文本显示省略号的文章。主要是针对P,div标签。但是在table中效果却不尽人意。 解决table中问题,需要给table加上table-layout: fixed。 table-layout: fixed的作用在于,让表格布局固定,也就是表格的宽度不是跟随单元格内容多少自动计算尺寸。 查看demo 下面介绍一下实现省略号的方法 实现单行文本……继续阅读 »

阿豹 4年前 (2014-11-06) 457浏览 1评论 0个赞

display:table-cell应用

table-cell简介 display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的(ie67不支持)。table-cell会被其他一些CSS属性破坏,例如float, position:absolute,所以,在使用display:table-cell与float:left或是……继续阅读 »

阿豹 4年前 (2014-11-04) 380浏览 0评论 0个赞

css3实现跑马灯效果

查看demo(请用移动设备访问) CSS3中新增了marquee属性,使用css可以实现跑马灯的效果,而不需要借助js实现。 overflow:-webkit-marquee;//指定溢出时滚动。 -webkit-marquee-style:scroll | slide | alternate; //跑马灯样式,分三种。 //scroll,从一端滚动到另一端……继续阅读 »

阿豹 4年前 (2014-11-03) 412浏览 1评论 0个赞