css
关注
分享
扫一扫
超级码li
技术与思维。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css中的block与inline这样理解最简单！
如何改变一个元素显示可以更改内联元素和块元素，反之亦然，可以使页面看起来是以一种特定的方式组合，并仍然遵循web标准。下面的示例把列表项显示为内联元素：li {display:inline;} 那么li的结果展示为如下格式：HTML CSS JavaScript XML 就是说inline内联样式是一个接一个按行排列。还不懂，看：http://www.runoob...原创 2018-09-17 16:56:53 · 223 阅读 · 0 评论 -
css中position属性的取值：relative absolute fixed sticky的含义？以及属性z-index理解
relative：表示相对定位，是相对对于自身原始位置的定位，记住是是自身。absolute：绝对定位。是相对于设置了绝对定位的父元素的位置，若父元素没有设置绝对定位，那么就相对于窗体进行绝对定位。fixed：固定的位置。一般用作悬浮按钮的设计。不管当前页面如何滚动，它的位置始终相对于窗体不变。sticky：粘贴到某个位置。当组件设置了该属性值后，当页面滑动时，组件会跟着页面移动，当组...原创 2018-09-17 18:16:52 · 656 阅读 · 0 评论 -
css中如何让一个组件整体对窗体居中显示？
这样写样式即可：.center { margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 关键点在与margin: auto;与width: 50%; 两者都不能少，width可以根据需求改变大小。 本人公众号还有更精彩的技术分享，公众号：一根羊毛 ...原创 2018-09-17 18:44:54 · 4247 阅读 · 0 评论 -
css实现水平垂直居中
实现水平+垂直居中，也就是在中央：（1）单行行内元素：父元素设置：text-align:center，display：table-cell;vertical-align:middle,在这里，图片，文字，都是一样的操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-03-11 23:17:52 · 216 阅读 · 0 评论