编程技术是改变世界的力量。
本站

justify-content 属性

    2021高级前端工程师面试题-CSS7问

    calc,support,media各自的含义及用法?@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可以提供另外一套样式作为替补。calc()函数用于动态计算长度值。calc()函数支持"...

    前端面试题:简述弹性盒子flex布局及rem布局?

    rem是CSS3新增的一个相对单位,相对于根节点(html)字体大小的值,r就是root例如:html{font-size:10px}则2rem=20px通过它就可以做到只修改根元素的大小,就能成比例地调整所有的字体大小,只依赖html字体的大小适配方案步骤:1、首先动态计算htm...

    CSS 高频布局实践(一)

    实现一个三列布局,左右固定宽度,中间自适应html部分如下所示:<divclass='parent'style='width:600px;height:400px'> <divclass='child-1'...

    带你玩转CSS垂直水平居中

    对于前端程序员,你掌握了几种垂直水平居中的方法,现在带你看一看,喜欢的朋友记得点赞加关注,我会定时更新程序员的世界。1、flex布局<!DOCTYPEhtml><html><head><metacharset="ut...

    css中如何让div水平居中(上)

    前端面试题中经常会出现这个问题,接下来,小郭就带你揭秘几种最常见的答案。关注我!了解更多前端干货!先设定一个html结构以及css的基本样式。<!DOCTYPEhtml><htmllang="en"><head><meta...

    CSS模仿今日头条信息展示

    运行效果效果图技术要点CSS选择器选择器用法ID选择器#mycalssName{}类选择器.mycalssName{}标签选择器div{}相邻选择器ul+li{}子选择器ul>li{}后代选择器lia{}通配符选择器*{}属性选择器a[title]{color...

    flex布局全解析

    <!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <titl...

    微信小程序笔记(三)---视图容器

    view可以理解成html中的div。是一个视图容器。相当于安卓中的viewgroup在wxml文件中使用在style中可以设置display方式,缺省为block布局,flex为弹性布局,弹性方向flex-direction:row|column还可以设置弹性项目在主轴线上的对其方式just...

    CSS之基于不同场景的垂直居中解决方案

    大家好,今天要给大家分享的是CSS实现垂直居中的几种方法,相信大家对元素的水平居中都非常了解了,如果是一个行内元素,就对它的父元素应用“text-align:center”;如果是一个块级元素,就对它自身应用“margin:auto”。但是要对一个元素进行垂直居中,你能想到哪些方法呢?下面我给大家...

    为什么红包没居中?如何让一个元素水平垂直居中?

    前言老板的手机收到一个红包,为什么红包没居中?如何让一个子元素在父容器里水平垂直居中?这个问题必考,在实战开发中,也应用得非常多。你也许能顺手写出好几种实现方法。但大部分人的写法不够规范,经不起千锤百炼。换句话说:这些人也就面试的时候夸夸其谈,但真的上战场的时候,他们不敢这么写,也不知道怎么写最靠谱...