随笔分类 -  html css

span 设置inline-block 写文字的span错位
摘要：写一个如下图这样排版 设置几个span为inline-block 中间的span写了文字的span错位了 解决方案 给span添加 vertical-align: top 阅读全文
posted @ 2019-07-21 16:55 love星期六 阅读(848) 评论(0) 推荐(0)
css 字体上下居中显示 解决安卓手机line-height的偏差
摘要：1、字体左右居中显示 text-align: center <div class="font"> 上下居中 </div> .font{ width: 100%; height: 100px; border: 1px solid #526488 text-align: center; } 页面效果 < 阅读全文
posted @ 2019-04-15 14:26 love星期六 阅读(4119) 评论(1) 推荐(0)
css写出0.5px边框（一）
摘要：在移动端会出现线条太粗的现象，简单来说，是因为手机端的像素单位和ui的图比例是2:1，所以ui图的1px边框对我们来说就是0.5px,但是浏览器渲染的最小单位就是1px,下面给几种方法用css写出0.5px边框1. html部分 <div class="border">测试0.5px边框</div> 阅读全文
posted @ 2016-11-03 18:22 love星期六 阅读(2127) 评论(1) 推荐(0)
浅谈display:flex
摘要：display:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢？ 一、页面行排列布局 像此图左右两个div一排显示 可以用浮动的布局方式 html部分 css部分 这种布局有两个缺点 1.需要一个空div来清除浮动，当然也可以选用其他清除浮动的方法，但此处需要清除浮动才能不影响下面 阅读全文
posted @ 2016-07-25 19:16 love星期六 阅读(40978) 评论(5) 推荐(11)
css3 自定义字体 @font-face
摘要：CSS3 @font-face 规则 在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。 通过 CSS3，web 设计师可以使用他们喜欢的任意字体。 当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。 您“自己的 阅读全文
posted @ 2016-07-25 18:08 love星期六 阅读(303) 评论(0) 推荐(1)
css div上下左右居中
摘要：相信大家都会遇到这样的问题，要求一个块上下左右居中，在这里我总结了几个好用的方法 1.已知要居中的块width height 假设 content 要在f里上下左右居中 <div class＝"f"><div class="content"></div></div> <style> .f{ widt 阅读全文
posted @ 2016-06-28 17:27 love星期六 阅读(683) 评论(2) 推荐(0)