html、css
文章平均质量分 56
html、css相关
铁锤妹妹@
日日行,不怕千万里;常常做,不怕千万事。
展开
-
jQuery中使用liMarquee无缝滚动走马灯
前言liMarquee官方文档liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。使用方法首先去官方文档下载压缩包,取出我们想要的css和js文件放在我们的项目里1、引入文件<script src="https://cdn.staticfile原创 2021-06-17 10:20:12 · 2329 阅读 · 0 评论 -
html中如何使用input表单隐藏域?
1. 项目需求:点击下面日期筛选,只显示相应条件的金额,其他条件的金额隐藏2. 目的:在不影响页面的情况下通过input隐藏域存储值;可以通过点击事件,获取隐藏域的值,更改p标签的值3. 什么是input隐藏域?html点击事件里需要传两个参数 id代表是充值金额还是提现总额,type代表充值总额里的今日或者昨日等等<div class="col-sm-2" style="width:calc(calc(100% - 72px)/5);background: #3B7DDD; padd原创 2021-06-17 10:02:07 · 2631 阅读 · 0 评论 -
移动端解决底部固定按钮遮挡页面内容
问题描述首先实现按钮固定在页面底部,需要设置按钮的position为fixed然后页面一些内容被底部固定的按钮遮挡住了,导致显示不全方法1在页面内容最下面写一个透明div,设置这个透明div的宽和高; width: 100%; height: 60px;方法2在vue单页面最外面div加 padding-bottom:60px;最终效果完美实现...原创 2021-05-27 16:17:37 · 4473 阅读 · 0 评论 -
h5适配ios顶部和底部安全区域的问题
一. 前言:苹果手机从iphoneX之后,屏幕顶部都有一个齐刘海,iPhoneX 取消了物理按键,改成底部小黑条,如果不做适配,这些地方就会被遮挡,所以本文记录一下齐刘海与底部小黑条的适配方法。二. 知识点学习1)viewport-fitiOS11 新增特性,苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展,用于设置网页在可视窗口的布局方式,可设置三个值:contain: 可视窗口完全包含网页内容cover:网页内容完全覆盖可视窗口auto:默认值,跟 c原创 2022-05-25 13:50:57 · 18316 阅读 · 6 评论 -
css之子容器宽度100%,设置margin后超出父容器
2022年开年第一篇,很庆幸一直能学到新的东西,生命不息奋斗不止!回顾这一年,从刚开始的学习定义变量到现在可以独立完成一个模块的功能,技术上确实长进不少,也深深地感受到你知道的越多,你不知道的越多;希望在新的一年里技术更上一个台阶,工资越来越多,嘻嘻(#.#)话不多说,开干吧~一. 问题我们发现,需要设置一定边距时,如果子容器设置宽度为100%,然后设置了margin,会超出父容器的宽度溢出。 .renderList { width: 100%; background: #f原创 2022-01-06 07:30:00 · 2753 阅读 · 3 评论 -
css文字单行/多行超出显示省略号...
项目里写css样式我们经常会遇到将文字超出显示省略号的情况,记录一下以后能用到。原创 2022-08-11 11:04:57 · 1211 阅读 · 4 评论 -
通过css控制div内容展开更多/收起效果
需要设置一个变量控制展开 / 收起效果原创 2022-09-26 11:14:53 · 5000 阅读 · 0 评论 -
实例演示CSS里用calc()动态计算
一、前言最近的一个需求,如下图注册人数这里数据会少,后面三个数据会多,也就是会比较长,所以第一个也就是注册人数所给的宽度和其他三个是不同的二、思路第一个小div也就是注册人数 width: 20%;前三个小div都有一个右间距,最后一个不加,间距为margin-right: 8px,有三个间距,所以间距综合:24px;总宽度为100%,减去间距 ((100% - 20%) -24px) / 3三、具体步骤1、html<div class="num">原创 2021-01-06 18:17:10 · 850 阅读 · 0 评论 -
css3滤镜属性filter实现网页变黑白效果
有些特殊的日子,很多网站页面都是黑白色的,其实用css3滤镜属性`filter`让网页马上变黑白,一行代码就搞定。原创 2022-12-01 16:08:20 · 2348 阅读 · 0 评论 -
关于position定位布局的问题和理解
项目中有个position布局,祖父元素设置为relative,父元素设置为absolute,子元素相对谁定位呢?转载 2022-10-08 08:45:00 · 322 阅读 · 0 评论