CSS中的Float(浮动):深入解析与运用技巧
2024-08-21float属性最初是为了支持文本环绕图片而设计的,但很快被发现可以用于更广泛的布局目的。LEFTrightnone和inherit,其中最常用的是LEFT和right。当一个元素被赋予float:LEFT或时,它会从当前的文档流中“浮动”到其父容器的左侧或右侧,同时允许其他内容围绕它流动。_文本环绕在图片左上角,使用float实现
HTML总结①
2024-08-21本文详细介绍了HTML中的各种文本格式化标签(如strong,em,u,del等),段落对齐(LEFT,right,center),以及颜色设置(fontcolor)。同时涵盖了行内标签与块级标签的区别,以及input标签在表单中的使用,包括文本框、密码框、单选/多选、按钮等元素及其功能。
vue实现滚动条联动(一个滚动条控制两个或多个)
2024-08-18这样就实现了两边表格的滚动条联动,有多个表格,也是同样的方法,使多个表格的scrollTop和scrollLEFT相同就可以了。_两个table滚动条同步
标准流 浮动 flex布局
2024-08-18浮动属性floatLEFT表示左浮动,right表示右浮动特点1.浮动后的盒子顶对齐2.浮动后的盒子具备行内块特点3.父级宽度不够,浮动的子级会换行4.浮动后的盒子脱标清除浮动:子级浮动,父级没有高度,子级无法撑开父级高度,影响布局效果1.双伪元素法拓展:浮动本质作用是实现图文混排效果。
Vue3 TypeScript实现瀑布流布局
2024-08-16瀑布流布局(Waterfall Flow Layout)是一种常用于网页设计的布局方式,它可以实现图片或内容的自适应排列,使页面看起来更加美观和流畅。先看实现效果:下面是使用 vue 实现瀑布流布局的一般步骤:1.定义列数、行间距、列间距2.容器设置为相对定位、item设置为绝对定位3.获取容器宽度:容器总宽度-内边距(paddingLEFT paddingRight)4.计算每列宽度:(容器宽度 - 列间距 * (列数 - 1)) / 列数5.获取每一个item的高度(需要放在nextTic_vue3.2 ts实现瀑布流
vue3 el-table 表头以及表格文字居中
2024-06-10使表头文字居中::header-cell-style="{ textAlign: 'center' }"使表格内容文字居中::cell-style="{ textAlign:'center' }" 3、fixed:接受 Boolean 值LEFT或者 right,表示左边固定还是右边固定。2、height:可实现固定表头的表格,不需要额外的代码。5、row-class-name:改变某行的背景色。1、border:给表格加边框。_el-table标题居中
关于pnpm 下载依赖 报错 error (ETIMEDOUT). Will retry in 1 minute. 1 retries LEFT.
2024-08-14最后发现pnpm 真的在尝试在这里使用解析的 IPv6 地址。它不会回退到 IPv4 地址。刚开始以为是镜像源的问题 后来换了几个都还是一样报错。安装依赖一直报错 网络超时。然后禁用了IPv6 就可以了。最近接手了一个新项目。_pnpm下载包一直超时
css学习day05
2024-08-12margin属性用于设置外边距。设置外边距会在元素之间创建“空白”, 这段空白通常不能放置其他内容。margin-top:上外边距margin-right:右外边距margin-bottom:下外边距margin-LEFT:上外边距margin:上外边距 右外边距 下外边距 左外边取值顺序跟内边距相同。_cbsepcss
css:position / static默认属性 / fixed固定定位 / relative相对定位 / absolute绝对定位 / sticky粘性定位
2024-08-04这意味着它将按照在HTML代码中出现的顺序进行显示,并且不会受到其他定位属性(如top、right、bottom或LEFT)的影响。绝对定位,元素的位置相对于其最近的已经定位的父元素,如果最近的父元素没有定位则相对于文档进行定位。2、可以使用top、right、bottom和LEFT属性来定义相对于元素原始位置的偏移量。3、当使用相对定位时,元素不会对其他相对定位或绝对定位的元素产生影响。的元素是文档流的一部分,忽略其他定位属性,如top、right、bottom或LEFT。_position:static
jQuery入门与常用API
2024-08-041️⃣ 语法2️⃣ 参数params: 想要更改的样式属性,以对象形式传递,必须写。属性名可以不用带引号, 如果是复合属性则需要采取驼峰命名法 borderLEFT。其余参数都可以省略;speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000);easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”;fn: 回调函数,在动画完成时执行的函数,每个元素执行一次;_jquary 2.2