css
发渐稀
一个NPC罢了
展开
-
css实现上下左右居中
首先把内部盒子的位置设置为顶部和左侧距离大盒子顶部和左侧都是大盒子高度和宽度的50%;然后再把小盒子的顶部和左侧的位置都回退内部小盒子高度和宽度的50%;这样就刚好实现小盒子上下左右都居中在大盒子内部。利用display: flex和margin: auto实现。利用子绝父相和css3的transform属性实现。利用子绝父相和margin:auto实现。利用flex布局实现(弹性盒子)利用grid布局实现(网格布局)几种常用的上下左右居中方式。原创 2024-02-27 16:25:30 · 422 阅读 · 0 评论 -
css为盒子设置滚动条&隐藏滚动条
此外,还可以使用“auto”属性值。当内容超出盒子边界时,会出现竖直方向的滚动条。如果内容未超出盒子边界,则不会出现滚动条。如果内容同样超出了盒子的水平范围,那么还会出现一个水平方向的滚动条。然后,给盒子加入overflow属性,该属性控制了当内容超出盒子边界时发生的事情。我们需要添加的是滚动条,因此设置为“scroll”。注意,如果内容没有超过盒子边缘,滚动条是不会出现的。首先,要为需要添加滚动条的盒子设置固定的高度和宽度,这样才能让内容超过盒子的边缘。:为盒子设置宽高,设置滚动条方向,隐藏滚动条。原创 2023-10-27 16:35:05 · 1496 阅读 · 0 评论