- 博客(14)
- 收藏
- 关注
原创 盒子水平垂直的几种常见的方式
由于宽高固定,因此对应方向实现平分,可以实现水平和垂直方向上的居中。该方法适用于盒子有宽高的情况。align-items:center和justify-content:center。设置容器的垂直和水平方向上为居中对齐,然后它的子元素也可以实现垂直和水平的居中。四个方向的值都为0,并将margin设置为auto。左上角top:50% 和 left:50%定位到页面的中心,然后通过t。元素的中心点到页面的中心。ranslate 来调整。
2023-05-15 23:02:06
215
原创 清除浮动的四种方法
*块级表格表示*//*兼容IE 6 7*//*兼容IE 6 7*/原因是父级设置高度,子盒子浮动,会影响下面元素的布局。为什么要清除浮动呢?
2023-04-05 17:26:45
88
原创 网站favicon图标的制作
在页面源文件的标签之间插入。favicon.ico 一般用于作为缩略的网站标志,显示在地址栏或标签中。1、制作,先准备好png格式的图片,转化为ico图标。2、ico图标下载下来,放在项目的根目录下。3、html引入favicon图标。图像文件后,浏览器会自动弹出一个zip的压缩文件。我们在浏览器的时候,标题栏上会有小图片,如下图。那我们该怎么样实现这种效果呢?图像放在根目录下(也可以是其他目录)
2023-04-05 17:16:15
1983
原创 PC端如何设置不同浏览器之间的兼容性
一般主流的浏览器有以下firefox、ie、safari、chrome、Opera,主要就是解决一些主流浏览器的兼容性问题。
2023-04-05 16:08:03
261
原创 css如何实现文字两端对齐效果
设置 text-align,并且设置伪元素 after或者 before的样式,伪元素中可以添加width:100%或padding-left:100%都可以实现我们所要的效果。想要实现文字两端对齐效果,可以使用CSS的text-align属性。数字和英文字母则需要使用空格间隔开,再使用上述两种方法之一,就可以实现文字两端对齐了!
2023-03-27 22:23:20
16957
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人