- 博客(3)
- 收藏
- 关注
RSS订阅原创 让宽高未知的元素在容器内水平垂直居中的办法
1.用子绝父相，设置父盒子position:relative 子元素position：absolute，在子元素样式中，直接写top：50%，left：50%，这是发现并没有居中，因为是根据边框来移动的，而不是中心点，此时直接拉回该元素自身宽度的一半，transform：translate（-50%，-50%） ， 这样就可以不知道具体宽高就让元素水平垂直居中了。 2. 设置元素的父级为弹性盒子`display:flex`，设置父级和盒子内部子元素水平垂直都居中`justify-content:cente
2022-05-13 10:29:16
204
1
原创 display：none与visibility：hidden
display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaint visibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生repaint
2022-03-04 10:08:14
202
原创 前端学习记录1
试图讲一个图片放在浏览器中居中显示，输入margin：0 auto；图片的位置·没有变化， 在网上搜索一番，得到一下结论 1、如果是让一段文字居中 需要在css样式中敲入：text-align: center; 2、如果是块级元素居中 如div等元素,需要在css样式中敲入其宽度：width:1000px;然后使用：margin：0 auto; 3、如果是非块级元素居中 如video,a等元素，需要在css样式中敲入：display:block;然后使用：margin：0 auto； 果然，在样式
2022-02-27 12:12:35
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人