1、line-height三种表示方法(带单位,纯数字,百分比) 2、三者只是在给父元素使用行高,子元素继承的方式有区别 带单位:px(不用计算),em则会使元素以其父元素font-size值参考来计算自己的行高 纯数字:把比例传递给后代,例如父级行高为1.5,子元素字体为18px,则子元素行高为1 ...
分类:
Web程序 时间:
2019-05-18 13:47:59
阅读次数:
151
今天在写移动端项目的时候,发现高度和行高都设置的一样,在PC和ios上均显示垂直居中,但是在Android上差距很大,会出现偏上的效果,如下 查询了许多资料发现,在Android上的行高会默认显示22px,解决这个冲突的方法: 这个padding的10px是根据自己项目算出来的,这样就可以解决。 ...
分类:
移动开发 时间:
2019-05-14 16:20:24
阅读次数:
239
1.如何让单行文本垂直居中?height和line-height的值相同,文本就会居中, 首行缩进:text-indent: 2em; 代表首行缩进2个字的空格 1em=1* 16px。 文字的行高是1.2倍宽高:line-height:1.2em。 2.图片是行内块元素,只要是inline属性都具 ...
分类:
其他好文 时间:
2019-05-03 09:16:10
阅读次数:
114
盒模型 margin外边距,盒子边框距离其他盒子的距离 padding内边距,内容距离盒子边框的距离 width宽 height高 border:5px solid #94E8FF 背景 background-color background-img 字体 color line-height fon ...
分类:
Web程序 时间:
2019-05-01 21:10:22
阅读次数:
203
<template> <div> <div style="width:90%;height:40px;line-height:40px;margin:auto;"> <div style="float:left;font-size: 15px;">我的应用</div> <div style="flo ...
分类:
微信 时间:
2019-04-30 13:57:58
阅读次数:
425
响应式图片: 标题标签h 副标题:small 页面主体: Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 <body> 元素和所有段落元素。另外,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边 ...
分类:
其他好文 时间:
2019-04-15 23:10:33
阅读次数:
174
二丶 1.字体属性font: 字体名称(font-family)字体大小(font-size):pc中通常,字体大小表示为12px,14px。移动设备中通常表示为0.57rem。字体粗细(font-weight):设置或检索文本字体的粗细字体样式(font-style)行高(line-height) ...
分类:
Web程序 时间:
2019-04-15 23:05:59
阅读次数:
217
1,全部都是占满行。 2,使用百分比定义宽度,width:100%; 或者max-width:1200px; min-width:800px; 3,块级元素添加margin:0 auto; 左右自适应宽度居中。 4, height=line-height; text-align:center; 块级 ...
分类:
其他好文 时间:
2019-04-06 14:24:01
阅读次数:
134
一.div文本的 水平居中:margin:0 auto; 垂直居中:line-height:80px;注释:这里line-height的值要和div的高一致。 二:div盒子居中 给最外面的父元素设置宽高 给要水平垂直居中的div加定位 如下图绿色是水平垂直居中的 ...
分类:
其他好文 时间:
2019-03-22 22:47:14
阅读次数:
156
.dataChoose { position:relative; display:flex !important; align-items:center; } #selectedInfo { height: 30px !important; line-height:30px; padding:0 1 ...
分类:
Web程序 时间:
2019-03-19 14:53:18
阅读次数:
136