会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
以休伯利安的名义
为了伯伦希尔的荣耀
博客园
首页
新随笔
联系
管理
订阅
2021年2月20日
元素水平垂直居中的四种方法
摘要: (目录) 方法一:使用flex布局 将父元素的display属性设为flex、justify-content和align-items属性都设为center,可以让子元素在父元素内水平垂直居中显示。如果希望父元素覆盖整个浏览器视口,可以将父元素的高设置为100vh、宽设置为100vw(css3规定1v
阅读全文
posted @ 2021-02-20 12:41 以休伯利安的名义
阅读(1596)
评论(0)
推荐(0)
2021年2月7日
object-fit和object-position——定义图片和视频元素在容器内如何显示的css属性
摘要: 当我们给img标签加上固定的宽和高时,img标签中的图片会默认被拉伸变形,如图: <body> <img src="./demo.jpg" alt=""> <style> img{ width: 300px; height: 150px; } </style> </body> 图1-给img元素加上
阅读全文
posted @ 2021-02-07 14:42 以休伯利安的名义
阅读(321)
评论(0)
推荐(0)
2021年2月3日
css属性line-height的应用——单行文字上下居中
摘要: line-height属性是很常用的css属性,可以用它来设置文字的行高,但是不允许使用负值。 line-height属性的可用属性值 1.line-height: normal 默认值。文字会默认有一个合理的行间距。 2.line-height: number 属性值可以是一个数字,该数字与字体尺
阅读全文
posted @ 2021-02-03 17:59 以休伯利安的名义
阅读(430)
评论(0)
推荐(0)
2021年1月22日
解决img标签自带外边距问题
摘要: 三种方法去除img标签自带外边距。 <div id="img"> <img src="./img.jpg" alt="" srcset=""> </div> <div id="bottom"></div> <style> #img img{ height: 100px; } #bottom{ wid
阅读全文
posted @ 2021-01-22 09:19 以休伯利安的名义
阅读(605)
评论(0)
推荐(0)
2021年1月19日
给第一个子元素加margin-top,父元素会向下移动的解决办法
摘要: 给第一个子元素设置margin-top上外边距时,父元素总会跟着向下移动。 <div id="parent"> <div id="son"></div> </div> <style> body{ margin: 0; padding: 0; background-color: grey; } #pa
阅读全文
posted @ 2021-01-19 13:54 以休伯利安的名义
阅读(451)
评论(0)
推荐(0)
公告