随笔分类 -  css

 
实现自适应位置--footer紧贴浏览器底部
摘要：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>紧贴浏览器底部</title><style type="text/css">* { padding: 0; margin: 0;}html { _overflow: auto;/*滚动条* 阅读全文
posted @ 2018-02-27 09:51 STATS 阅读(1060) 评论(2) 推荐(0)
双飞翼式布局
摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>双飞翼布局</title><style>#main{ float: left; width: 100%;}#main-content{ margin: 0 200px; 阅读全文
posted @ 2018-02-27 09:15 STATS 阅读(113) 评论(0) 推荐(0)
div+css的兼容性问题和解决方法
摘要：第一，默认的内外边距不同问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;} 第二， 水平居中的问题 问题： 设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中，嵌套块不会 阅读全文
posted @ 2017-12-07 17:53 STATS 阅读(372) 评论(0) 推荐(0)
CSS实现单行、多行文本溢出显示省略号（…）
摘要：单行文本实现 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本实现： display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 阅读全文
posted @ 2017-12-07 17:10 STATS 阅读(148) 评论(0) 推荐(0)