little knowledge
sevenbblythelulu
这个作者很懒,什么都没留下…
展开
-
html5-设置hr的颜色大小
在css文件中单纯的设置hr的颜色、样式不起作用直接在html页面中设置 您上传的超市小票 .tpl_title{ width:100%; height: 64px; line-height: 64px;}.hr{float:left; width: 25%; margin-top: 32px;} .hr_t{fl原创 2015-05-13 13:50:07 · 33254 阅读 · 0 评论 -
css3--网页横向四等分(display:box)
.rule_tab{width: 100%;display:-webkit-box; display:-moz-box;box-orient:horizontal;}.rule_tab a{-webkit-box-flex:1;-moz-box-flex:1; }(占几份)原创 2015-07-03 17:10:51 · 1880 阅读 · 0 评论 -
html--a标签直接触发手机打电话功能
bd@pangxiekeji.com原创 2015-12-02 13:58:21 · 60081 阅读 · 0 评论 -
css3--text-overflow
text-overflow 文字超出部分用‘...’text-overflow:ellipsis;overflow:hidden;white-space:nowrap(文本不换行);width:;原创 2015-09-14 16:26:46 · 305 阅读 · 0 评论 -
css3--display:table-cell
display:table-cell 1、和vertical-align:middle合用 实现不管是两行文字还是一行文字都居中对齐相当于把其他标签 变成td标签td里 margin失效 可以用padding代替尽量不和float和position:absolute使用2、实现列表布局取代float:left 三行三列内容原创 2015-09-14 16:13:02 · 1071 阅读 · 0 评论 -
css3--display:flex;
1、弹性方向: flex-direction(主轴方向) flex-wrap:把子元素包装到一行一列,还是多行多列2、flex-flow{主轴、?)3、order(弹性项目顺序).container{display:flex;flex-flow:row}.main{width:60%;}.left{flex:1;}.right{flex:2;} 总共4原创 2015-08-19 17:21:43 · 495 阅读 · 0 评论 -
css3--实现最小宽的的方法(带滚动条)
.box{width:expression_r(document.body.clientWidth min-width:300px;}原创 2015-08-18 17:39:20 · 4800 阅读 · 0 评论 -
css3--断行问题+多余的字用省略号代替
1、经过多种尝试,觉得这个搭配比较好,控制换行 word-wrap:break-word;overflow:hidden/auto; word-wrap:break-word(整个单词移到下一行)2、文本不会换行,省略号 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;(溢出,就用“...”代替)原创 2015-08-17 17:59:28 · 753 阅读 · 0 评论 -
html+css清楚浮动3种方法,父级div获取高度
1、父级div中 : overflow:auto;自适应高度 (必须定义width,或zoom:1,同时不能定义height;内部宽高超出父级时,会出现滚动条) overflow:hidden(必须定义width,或zoom:1,同时不能定义height;不能与position连用,因为内容会被隐藏)原创 2015-08-12 14:58:53 · 2756 阅读 · 0 评论 -
css3--内容垂直居中,box-back属性
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 垂直居中对齐.test_box { display: -moz-box; display: -webkit-box; d原创 2015-07-10 16:53:13 · 840 阅读 · 0 评论 -
css3--浏览器给网站标识身份
目前是苹果手机的专有属性作用:网页可以添加到主屏幕上,方便访问 它可以设置size 图标按照规定大小设置,有利于图标搜索原创 2015-07-09 18:00:04 · 463 阅读 · 0 评论 -
css3--背景图片适应不同分辨率手机
1、标签img做背景: 百分比 (宽度和高度)2、内容position:absolute;原创 2015-07-09 17:58:23 · 2894 阅读 · 0 评论 -
css3-自适应页面的实现(响应式设计、响应不同类型设备)、浏览器适配
自适应 需注意的地方原创 2015-05-19 11:55:19 · 3488 阅读 · 1 评论 -
css3-media规则、不同手机分辨率的临界、rem
html { font-size: 62.5%;}@media only screen and (min-width: 481px){ html { font-size: 94%!important; }}@media only screen and (min-width: 561px){ html { f原创 2015-05-18 11:05:32 · 5345 阅读 · 0 评论