关于 flex 布局时,子元素宽度超出父元素问题及解决方案(问题)

这个是我在项目中遇到的一个bug,使用的 flex 布局,由于我动态的修改绿色盒子的显示与隐藏,导致两边盒子的挤压。先看效果图,大家可以看一下下面的样式,很明显左边和右边的盒子我是给的定宽,但是被挤压了。很明显,红色的盒子没有300px。

2.前端笔记-CSS-字体属性

字体的大小(font-size,带单位px)、字体样式(font-style斜体、正常)、font-weight(字体粗细(不带单位))、font-family(字体系列微软雅黑)

【玩转CSS】学成在线(文末素材源码自取)

学成在线,一个典型的企业级网站,完成这个案例可以让我们整体感知企业级网站布局流程,同时复习以前学习的知识,文末有素材源码分享

【面试题】2023 中级前端面试题

为什么组件中的data必须是一个函数,然后return一个对象,而new Vue实例里,data可以直接是一个对象?// datadata() {return {message: "子组件",}}// new Vuenew Vue({router,})复制代码因为组件是用来复用的,JS里对象是引用关

教你用HTML+CSS实现百叶窗动画效果

我们浏览网页的时候总能看见一些炫酷的特效,比如百叶窗效果,本文我们就用HTML+CSS制作一个百叶窗小项目,适合刚学前端的小伙伴,使用代码简单易懂,很容易上手,学习完本文后,相信你也能敲出来属于自己的百叶窗效果,改变图片及相应盒子的大小,有女朋友的可以试着放几张在一起的照片,也是一件非常浪漫的事

非常好看的html网页个人简历

文末获取gitee链接在前几天逛b站的时候,发现了个比较实用的东西-----个人简介网页版,相当于网页版的个人简历,相较于PDF形式的,网页版所能呈现内容更加丰富,而且更加美观,在BOOS上被HR小姐姐要简历的时候,给她一个网址,岂不是美哉(##)。界面美观,动画给力。代码简单,只包括一个HTML和

头歌-CSS入门

四川师范大学 CSS 头歌

Vue面试题总结

Vue面试题总结

如何用纯 CSS 实现优惠券效果

CODE.FUN TAEM

网页制作基础学习——HTML+CSS常用代码

HTML(HyperText Markup Language),即超文本标记语言,是用于描述网页文档的一种描述标记语言。是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。

CSS-hover

页面原始样式.box:hover 给当前元素设置次hover样式,已经设定了相应style样式的子元素不继承此hover效果鼠标移入box盒子,box盒子背景色变为紫色,其内部子元素child、inner由于设置了background-color属性,不继承box的hover效果.box :hove

Selenium 4.2.0 标签定位8种方法

selenium4的8种元素定位方法

css实现元素居中的5种方法

相信大家在面试的时候也会经常碰到css实现元素居中的方法,下面我介绍5中方法给大家,欢迎大家评论区交流

程序员过中秋丨用代码制作一个祝福小网页(html+css)

食月饼,赏婵娟,合家欢乐庆团圆;月皎洁,风翩跹,幸福快乐满心田。祝所有的IT人“代码完美无BUG,中秋团圆不加班!!!”

文件上传(模板导出、批量导入)

excel模板导入导出功能,用于批量导入数据到库

纯代码22步绘制唯美的日夜交替动画(原生HTML+CSS+JS实现,CV即可运行+保姆级步骤教程)

分享一个唯美的日月交替的小动画,仅需22步,就可以使用css+js绘制超好看的动画!祝大家早安晚安,每日安好鸭!

【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 )

一、开发要点1、基本设置 - 取消默认内外边距 / 取消基本样式 / 图片自适应2、外层父容器设置 - 子绝父相 / 盒子浏览器水平居中 / 设置圆角 / 设置溢出隐藏3、左右按钮设置 - 绝对定位垂直居中设置 / 使用圆角矩形设置半圆 / 文字垂直居中4、底部小圆点设置 - 绝对定位水平居中设置

最多显示2行文字,多余的省略显示。

前端最多显示2行文字,多余的省略显示。

css图片适应盒子大小

css图片适应盒子大小

块元素和行内元素及其元素转换

怎么区分块元素、行内元素以及行内块元素呢,以及他们之间怎么相互转换呢?

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈