/**设置你自己的CSS。例如:h1 {border-bottom: 1px solid #ccc;line-height:1.6;}body {background:#FDFFD0}**/ pre code, pre.prettyprint code {padding: 1.3em 0em 1.3 ...
分类:
其他好文 时间:
2016-06-21 22:25:50
阅读次数:
144
每次遇到多个inline-block元素排列的怪异垂直位置的问题的时候都可以通过经验,设置vertical-align来解决,没深入研究过,现在需要分析总结下这个问题。 问题引出 有小鲜肉新做了个页面,其中一段代码是这样: 他很困惑,为什么两个inline-block的水平位置是这样。 1.首先要剔 ...
分类:
其他好文 时间:
2016-06-20 20:47:52
阅读次数:
153
1.引用Jquyer库 2.Jquery代码: 3.html代码 .tab { border: 1px solid #e5e5e5; color: #222222; float: left; line-height: 26px; margin-right: 10px; text-align: cen ...
分类:
Web程序 时间:
2016-06-20 15:48:59
阅读次数:
216
(1) line-height对单独文字有效,但是当文字与图片并排时 line-height就会失效,给img加vertical-align: middle; (2)两个相邻的元素margin会重复,但是用chrome开发者工具审核单独一个元素的时候margin是存在的,只不过最终结果margin视 ...
分类:
其他好文 时间:
2016-06-16 21:43:44
阅读次数:
163
/*writing-mode*/.container{width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #ccc;}.container span{height:100%\9;writing-m ...
分类:
其他好文 时间:
2016-06-13 13:36:39
阅读次数:
121
1、设置行间距 QLabel没有设置行间距的函数,所以这种办法是行不通的。只能采用其它类似的方法来实现,例如设置行高,使用样式代码如下: <p style='line-height:18px'>推荐</p> 2、链接文本 实现点击Label,即可打开网页,且文本没有下划线效果,如下: <a href ...
分类:
Web程序 时间:
2016-06-10 22:56:22
阅读次数:
2142
通常情况下a标签是没有宽高的,设置 width 和 height 没有作用。 若要使用 width 和 height,需要把a标签转为块级元素,即:display:block|inline-block。 设置了宽高后,如何使文字居中呢? 设置 line-height 和 height 相等,则垂直居 ...
分类:
其他好文 时间:
2016-06-04 12:01:54
阅读次数:
244
/**设置你自己的CSS。例如:h1 { border-bottom: 1px solid #ccc; line-height:1.6;}body { background:#FDFFD0} **/pre code, pre.prettyprint code {padding: 1.3em 0em ...
分类:
Web程序 时间:
2016-05-30 06:27:59
阅读次数:
251
body在默认情况下占据了当前可视窗口的整个高度和宽度
如果想让盒子中的内容垂直居中,可以让盒子的line-height和盒子的高度相等。
默认情况下,盒子的高度和宽度值都是auto,但空盒子是看不见的,必须有内容才看的见,当有内容时,盒子的宽度等于父元素内容区宽度;高度需由盒子中包含的内容来撑开。如果子元素盒子定义的高度超过了父元素,父元素不会自动扩展其高度而是被子元素覆盖了。...
分类:
其他好文 时间:
2016-05-29 16:49:17
阅读次数:
306