常用css的开发人员都知道让单行文字水平居中用text-align:center垂直方向居中有一个小技巧是让line-height=height,一般用到这个的时候我们的高度都是固定的px值,但今天我设置高度为百分比时,也想让文字垂直居中,于是有了下面这段代码 <!DOCTYPE html><htm ...
分类:
其他好文 时间:
2017-04-05 20:40:32
阅读次数:
142
这几天在做仿京东的产品页,发现在制作过程中的一些问题,需要好好研究下。 需要实现的效果如上图所示: 在写CSS样式的时候,对于我的关于竖线的做法是: 设置高度为14,border样式,但导致了一个问题: 发现文本是居中的,但是a标签元素却只有14px的高度,因而导致背景图片和文字没有对齐,这一点需要 ...
分类:
其他好文 时间:
2017-04-04 16:15:22
阅读次数:
157
currentColor属性让hr和段落相同的颜色: div { color: red; } hr { background: currentColor; /* 一定要设置高度*/ height: 0.1rem; } <div> <p><hr>p里面的hr标签不变色<hr></p> <hr> </d ...
分类:
Web程序 时间:
2017-04-04 11:32:49
阅读次数:
155
先介绍文章用到的二个知识点 background-size 属性 语法 设置背景图像的高度和宽度。 第一个值设置宽度,第二个值设置高度。 如果只设置一个值,则第二个值会被设置为 "auto"。 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度,第二个值设置高度。 如果只设置一个值,则第 ...
分类:
Web程序 时间:
2017-03-26 16:12:29
阅读次数:
237
1. 当你不想给div设置高度的时候,想让里面的内容撑开高度的时候,背景颜色或者图片却失效的时候的解决办法: 给这个div设置css div{ height:100%; background:red; overflow:hidden; } 2. 当一个div里面既有图片又有文字,想要文字与图片居中的 ...
分类:
Web程序 时间:
2017-03-22 17:51:57
阅读次数:
177
原文:微信小程序实战之天气预报 这个案例是仿UC中天气界面做的中间也有点出入,预留了显示当前城市名字和刷新图标的位置,自己可以写下,也可以添加搜索城市。值得注意的是100%这个设置好像已经不好使了,可以通过获取设备的高度通过数据绑定设置高度。地址:https://github.com/shuncai... ...
分类:
微信 时间:
2017-02-26 17:04:10
阅读次数:
483
原文:微信小程序把玩(九)scroll-view组件 scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块 主要属性: 使用演示: wxml ... ...
分类:
微信 时间:
2017-02-26 16:56:46
阅读次数:
300
二.行内元素与块级元素有什么不同? 块级元素和行内元素的区别是,块级元素会占一行显示,而行内元素可以在一行并排显示。 通过样式控制,它们可以相互转换。 1.尺寸-块级元素和行内元素之间的一个重要的不同点 设置宽度width 无效。设置高度height 无效,可以通过line-height来设置。设置 ...
分类:
Web程序 时间:
2017-02-20 12:37:49
阅读次数:
228
这是从osgearth的ImageToHeightFieldConverter.cpp文件的 osg::HeightField* ImageToHeightFieldConverter::convert(const osg::Image* image ) 函数中找到的。 这里可以看出HeightFi ...
分类:
其他好文 时间:
2017-02-18 15:30:37
阅读次数:
715
length 设置背景图像的高度和宽度。 第一个值设置宽度,第二个值设置高度。 如果只设置一个值,则第二个值会被设置为 "auto"。 percentage 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度,第二个值设置高度。 如果只设置一个值,则第二个值会被设置为 "auto"。 c ...
分类:
Web程序 时间:
2017-02-15 13:43:02
阅读次数:
159