css
文章平均质量分 53
smart_dream
这个作者很懒,什么都没留下…
展开
-
【CSS】input宽度根据内容自适应
父元素如何改变呢,给个看不见的标签(opacity:0)撑起来,这个看不见的标签的内容就是输入框的内容。input 设置width:min-content | max-content;解决方法:设置input的宽高都为100%,让它随着父元素的宽高改变。∵ 文本输入框通常会被浏览器渲染为具有固定宽度的控件。目标:纯css实现以下功能。原创 2024-05-21 13:55:13 · 305 阅读 · 0 评论 -
【CSS】font-family的相关字体设置
大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下:一、字体基础知识css 中的font-familyfont-family 关键字对于 CSS 中的font-family而言,它有两类取值。 一类是类似这样的具体的字体族名定义:font-family: Arial这里定义了一个具体的字体样式,字体族名为Arial; 一类是通用字体族名,它...转载 2021-03-19 18:27:38 · 19972 阅读 · 0 评论 -
【CSS】cal()函数的坑
1、calc() 函数用于动态计算长度值。需要注意的是,运算符前后都必须保留一个空格,否则不生效。例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算。(包括 %、px、vh、vw、em等) calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则;2、在less中使用calc()函数今天在less中使用cal()时,遇到个问题:我写的 div {width : calc(100% ..原创 2021-02-21 15:52:28 · 1996 阅读 · 0 评论 -
【css学习】下拉框文字右对齐
/*** select 文字右对齐 ***/select { direction: rtl;}原创 2018-10-29 15:51:48 · 1933 阅读 · 1 评论 -
bootStrap4 重大改变
从Less迁移到Sass: 现在,Bootstrap已加入Sass的大家庭中。得益于Libsass,Bootstrap的编译速度比以前更快。 改进网格系统:不再限定于12格了,新增一个网格层适配移动设备,并整顿语义混合。 支持选择弹性盒模型(flexbox):整体使用flex布局,这是项划时代的功能——只要修改一个Boolean变量,就可以利用flexbox的优势快速布局。 废弃了...原创 2018-10-24 16:01:04 · 1429 阅读 · 0 评论 -
【css】消除display: inline-block元素之间空隙的方法
问题:.goods-list{background-color: #f3fbfe; padding: 10px 20px;}.good-msg span{display: inline-block;width: 10%;}.good-msg .p-name{width: 60%;}.good-msg .p-price{color: #e4393c;font-weight: bol...原创 2018-11-29 16:24:28 · 890 阅读 · 0 评论