E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
box-sizing
jSignature 横屏手写签名
开发需求:移动端竖屏手写板太小了,想做一个横屏的手写板开发问题:横屏手写板书写的base64导出的图片是竖直的,我这里想变成横版显示,就修改了下生成的base64*{margin:0;padding:0;
box-sizing
程序媛刘刘
·
2023-11-14 21:50
开发记录
jSignature
前端
手写签
【vue】弹性布局实现自适应高度cell
如果弹性布局可以换行;flex-wrap:wrap;行间距离就不是align-items控制而是align-content:flex-start来控制了.scroll{height:1140px;width:100%;
box-sizing
当白
·
2023-11-14 20:25
vue.js
vue
弹性布局
自定义高度cell
2023前端面试题汇总。
border、外边距margin盒模型的类型:标准盒模型margin+border+padding+content2.IE盒模型margin+content(border+padding)控制盒模型的模式:
box-sizing
Rlm*
·
2023-11-14 19:52
常见问题
前端
唯美文字雨滴
family=Poppins:200,300,400,500,600,700,800,900&display=swap');*{margin:0;padding:0;
box-sizing
:border-box
bug你好
·
2023-11-14 12:58
javascript
前端
开发语言
CSS 盒模型与
box-sizing
一、盒模型一个web页面由许多html元素组成,而每一个html元素都可以表示为一个矩形的盒子,CSS盒模型正是描述这些矩形盒子的存在。MDN的描述:Whenlayingoutadocument,thebrowser'srenderingenginerepresentseachelementasarectangularboxaccordingtothestandardCSSbasicboxmode
前端老码农
·
2023-11-14 08:14
前端
CSS
box-sizing
CSS盒子模型
box-sizing
属性详解
一、
box-sizing
属性
box-sizing
属性的三个值:content-box,border-box,inheritcontent-boxchrome浏览器默认的盒子属性值。
oneheart初心
·
2023-11-14 08:12
CSS
css3
css
html
前端
chrome
采用弹性盒子布局时候 内部有内容溢出时候应该注意的情况
代码还原问题:结构样式*{margin:0;padding:0;
box-sizing
:border-box;}.main{display:flex;width:100%;/*去视口高度*/height:
GGGGGG.enough
·
2023-11-13 12:55
css
css3
html
vue面试问到的题及解决办法
导入方式html导入vuemain.js全局导入//重置样式*{
box-sizing
:border-box;}html{height:100%;font-size:14px;}body{height:100%
All rivers run in to the sea
·
2023-11-13 06:50
vue
vue.js
echarts
前端
css爆炸级操作
本文介绍有关css的一些技巧以及一些比较另类的用法,有些情景完全可以避开使用Javascript,单纯的css就可以完美实现一、基础1.复位推荐大家使用reset.css*{
box-sizing
:border-box
短暂又灿烂的
·
2023-11-12 13:19
css
css
html
javascript
网网络安全基础之php开发 文件读取、写入功能的实现
css代码本系列的php博客都是这个css,名字都是index.css/*css样式初始化*/*{font-family:'Poppins',sans-serif;margin:0;padding:0;
box-sizing
夜未至
·
2023-11-12 11:23
小迪2022
网络安全基础
php漏洞安全
php
开发语言
网络安全
vue 覆盖子组件的样式 覆盖v-data的样式
::v-deep.ti-new-tag-input-wrapper.ti-new-tag-input{padding-bottom:35px;margin-top:6px;
box-sizing
:border-box
甘道夫_9527
·
2023-11-11 23:19
vue.js
javascript
前端
CSS3 用户界面、图片、按钮
CSS3用户界面属性:resize、
box-sizing
、outline-offset。1、resize:resize属性指定一个元素是否应该由用户去调整大小。
corlin工作室
·
2023-11-11 02:28
CSS
css3
ui
css
纯CSS实现进度条加载效果或者loading样式
纯CSS实现进度条加载效果或者loading样式为保证运行正常,咱先规定下:* {
box-sizing
: border-box;}复制代码1.平滑加载1.平滑加载.gif复制代码.progress-
小湾生产队队长
·
2023-11-10 13:59
CSS样式
css
前端
html
进度条(CSS)
效果(实际有动态效果)htmlcss.progress-bar{width:100%;height:30px;overflow:hidden;
box-sizing
:border-box;border-radius
星雪之域
·
2023-11-09 16:04
CSS
web前端开发
H5
css
html
html5
文字省略 CSS
:ellipsis;white-space:nowrap;}2、多行省略.multi-omission(@line:2){overflow:hidden;text-overflow:ellipsis;
box-sizing
星雪之域
·
2023-11-09 16:34
css
前端
文本省略
H5横屏开发、vue横屏开发@令狐张豪
有时候正常竖屏开发满足不了我们的需求,需横屏开发开发思路:把这个body利用css3transformrotate旋转90度,js判断竖屏情况下的宽高和横屏下的宽高示例:demo*{margin:0;padding:0;
box-sizing
令狐张豪
·
2023-11-09 15:44
css
js
vue
javascript
html
vue
H5
前端
案例-注册页面(css)
页面最终效果如下:页面代码:注册页面*{margin:0px;padding:0px;
box-sizing
:border-box;}body{background:url("img/register_bg.png
追寻梦想的蜗牛
·
2023-11-09 03:05
CSS
css
前端
CSS3:鼠标悬停效果
HelloH5*{margin:0;padding:0;
box-sizing
:border-box;}body{height:100vh;background:#d6e5e7;display:flex;
sunly_
·
2023-11-08 05:55
css
css3
css
html
web前端——HTML+CSS实现奥运五环
web前端——HTML+CSS实现奥运五环Document*{padding:0;margin:0;
box-sizing
:border-box;}body{height:100vh;display:flex
爱吃番茄的鱼渔
·
2023-11-06 01:29
前端
html
css
css3绘制环形_css画圆,如何用纯css实现一个动态画圆环效
展开全部给你一62616964757a686964616fe78988e69d8331333365653761个例子:html>css动画*,*:before,*:after{
box-sizing
:border-box
聂卫平
·
2023-11-05 12:14
css3绘制环形
放大镜效果代码实现
justify-content:flex-start;align-items:flex-start;}.magifier.abbre{width:200px;height:200px;position:relative;
box-sizing
魔王HG
·
2023-11-05 05:00
css flex 布局子元素撑大父元素导致页面布局错乱
原因是没有给父元素设置一个固定的宽高,导致子元素flex的计算延伸到了父元素,给父元素设置固定的宽即可:.main{/*之前被撑大的外部父元素*/
box-sizing
:border-box;padding
gaearon
·
2023-11-04 17:17
问题记录
css
flex
45道CSS面试题
标准盒子模型:宽度=内容的宽度(content)+border+padding+margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+margin2、
box-sizing
炎奕
·
2023-11-04 05:22
jQuery 导航栏tab切换
Document*{margin:0;padding:0;list-style:none;
box-sizing
:border-box;}.wrap{width:1000px;height:600px;border
意面秋刀鱼
·
2023-11-04 03:59
前端面试大纲
border、外边距margin盒模型的类型:标准盒模型margin+border+padding+contentIE盒模型margin+content(border+padding)控制盒模型的模式:
box-sizing
一人创客
·
2023-11-04 02:40
前端
面试
职场和发展
边框相关
边框背景Titlediv{width:300px;height:300px;margin:100pxauto;
box-sizing
:border-box;border:70pxsolid#000;border-image-source
562843cce5ff
·
2023-11-03 07:54
盒子模型之宽和高
参考文章:CSS3Box-sizing属性以及解决兼容性的一些做法要点总结:
box-sizing
:content-box||border-box||inheritbox-sizing.png
苦苦修行
·
2023-11-02 21:57
JS功能实现
目录轮播图移动端轮播图按下回车发表评论tab栏切换全选按钮轮播图*{
box-sizing
:border-box;}.slider{width:560px;height:400px;overflow:hidden
Dev _
·
2023-11-02 16:00
javascript
css
前端
DOM
在线阅览md文件
MarkdownPlayer@media(max-width:767px){body{padding:15px;}}body{
box-sizing
:border-box;min-width:200px;
小鸟不会费
·
2023-11-02 14:01
javascript
前端
开发语言
css布局
盒子模型的宽度如何计算offsetWidth=(内容宽度+内边距+边框),无外边距如果让offsetWitdh等于固定宽度,如何处理加入
box-sizing
:border-boxmargin纵向重叠的问题相邻
淡蓝天风
·
2023-11-02 10:19
CSS3盒子模型
box-sizing
在CSS3中,你设置一个div的宽为200px,高为200px,边框为10px,内边距为10px,外边距为10px,那么最后你的盒子总长度为:240px,加上
box-sizing
:border-box;
哎哟不错阿
·
2023-11-02 02:18
css
css3
css
前端
Css3盒子模型
Css3中可以通过
box-sizing
来指定盒模型,有2个值:即可指定为content-box、border-box、这样我们计算盒子大小的方式就发生了改变。
黄丫丫07
·
2023-11-02 02:42
css3
css
html
CSS3盒子模型
css3中可以通过
box-sizing
来指定盒模型,可以分为两种情况:1.box-sizing:content-box盒子大小为width+padding+border(以前默认的)2.box-sizing
Lmq!
·
2023-11-02 02:41
CSS
css3
css
html
Web APIs——案例
当页面滚动到秒杀模块,导航栏自动滑入,否则滑出分析:①:用到页面滚动事件②:检测页面滚动大于等于秒杀模块的位置则滑入,否则滑出③:主要移动的是秒杀模块的顶部位置Document*{margin:0;padding:0;
box-sizing
越努力越幸运`
·
2023-10-31 21:41
JavaScript
html
前端
CSS面试必备
可通过
box-sizing
进行设置。
王小滚
·
2023-10-31 19:26
纯CSS实现Table固定表头和首尾列以及表格边框设置
Table*{
box-sizing
:border-box;padding:0;margin:0;}td,th{border:solid#f6187b;border-width:1px0px0px1px;
double_——
·
2023-10-31 12:50
css相关知识
css
table
表格表头首列固定
common.css
{padding:0;
box-sizing
:border-box;margin:0;list-style:none;font-family:MicrosoftYaHei;font-size:18px;color
zZ_d205
·
2023-10-31 02:14
Vue中select的使用
relative;z-index:2;font-size:1.6rem;height:3.6rem;line-height:3.6rem;width:8rem;flex:1;background:#fff;
box-sizing
米柆
·
2023-10-30 12:57
Millia's
work
vue
【web前端特效源码】使用HTML5+CSS3制作一个会动的loading加载动画效果~~适合初学者~超简单~ |前端开发|IT软件
加载动画效果~~适合初学者~超简单~|前端开发|IT软件效果图:完整代码:【前端实例代码】使用html+css+JavaScript实现跳动的音乐符号加载动画2*{margin:0;padding:0;
box-sizing
南北极之间
·
2023-10-30 10:41
web前端特效源码
html5
css3
javascript
it开发入门
跳动的音乐效果
前端技术知识(含八股)总结 - 持续更新中
前端技术知识(含八股)总结-持续更新中参考文献1.HTML和CSS1.1语义化标签1.2CSS选择器及优先级/position定位/
box-sizing
属性/transition/继承属性(如字体文字类的属性大部分有继承
Xiaobaiforgod
·
2023-10-30 07:54
前端相关学习记录
前端
html5
css
javascript
vue.js
typescript
文字循环滚动
www.jb51.net-间歇循环滚动#box{height:200px;width:300px;margin:0auto;border:1pxsolid#0066ff;overflow:hidden;
box-sizing
解忧杂货铺_bba2
·
2023-10-29 22:29
CSS3 导航下划线跟随
Document*{margin:0;padding:0;list-style:none;
box-sizing
:border-box;}li{/*width:160px;*/height:40px;/*
意面秋刀鱼
·
2023-10-29 22:21
Ajax学习笔记第三天
文件目录2.页面效果展示及代码mysql数据库中的初始表2.1主页09.html:里面代码部分解释display:inline-block;让块元素h1变成行内块元素,不然块级元素h1的宽度会撑满父元素宽度
box-sizing
neneduck
·
2023-10-29 05:32
AJAX
ajax
学习
笔记
上传多组图片
多组图片.pngaxml申请材料*{{item}}acss.content{/*width:100%;*/
box-sizing
:border-box;margin-bottom:30rpx;padding
南崽
·
2023-10-28 23:53
钟表的lodding效果
keyframesclock{from{transform:rotate(0);}to{transform:rotate(360deg);}}*{margin:0;padding:0;list-style:none;
box-sizing
逝者如斯夫。
·
2023-10-28 20:12
HTML
+CSS
html5
css
弹窗样式
height:100%;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,0.7);overflow-y:hidden;}.popup_cont{
box-sizing
前端浅语
·
2023-10-28 11:26
html进度条圆形,用css实现圆形进度条
margin:0;padding:0;}.progress-ring{width:160px;height:160px;border:20pxsolidgreen;border-radius:50%;
box-sizing
海参包
·
2023-10-28 09:34
html进度条圆形
css实现圆形进度条
代码如下:htmlpercentHtml.innerHTML=``css*{
box-sizing
:border-bo
起来改bug
·
2023-10-28 09:58
css
css3
前端
css盒模型
盒子模型有两种:正常盒子模型
box-sizing
:border-box;这个属性的总宽度是由内容宽度加内边距宽度再加上边框的宽度(width=content+padding+border)怪异盒子模型
box-sizing
Johnson23
·
2023-10-28 01:25
HTML,CSS实现鼠标划过头像,头像突出变大(附源码)
speaker--r2ijq{
box-sizing
:border-box;cursor:pointer;display:flex;padding:8px12px;width:397px;}.speakerProfile
付煜晨
·
2023-10-26 13:27
前端学习记录
css
html
css3
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他