CSS应用
m0_37158404
这个作者很懒,什么都没留下…
展开
-
flex实现多行多列-内容单行或者2行-超过2行显示省略号且文字居中
版权声明:本文为CSDN博主「billycoder」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/billycoder/article/details/122640705效果图:关键点:超出两行或多行显示省略号的盒子,外面再套一层flex盒子,这样就可以实现内容只有一行的时候,文字也可以垂直居中了;代码如下:<!DOCTYPE html><html lang.转载 2022-05-06 21:15:53 · 2947 阅读 · 0 评论 -
取消文本选中状态,禁止选中 js/css
用js,直接取消选中的文本window.getSelection().empty()用css,对特定区域设置选中透明效果p::selection {background: transparent}getSelection文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection...原创 2021-03-26 19:27:28 · 3499 阅读 · 0 评论 -
伪元素灵活使用demo,伪元素动态内容,伪元素由内容决定宽度,伪元素居中问题
* content: attr(placeholder); 内容随着元素属性变化 * width: max-content; 宽度随着内容而变化 * left: 50%; transform: translateX(-50%); 使得不定宽的伪元素相对父元素居中<!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8">...原创 2021-03-18 19:13:35 · 246 阅读 · 2 评论 -
输入框placeholder字体颜色修改
占位符属性placeholder<input type="text" placeholder="我是占位符" value=" ">默认的placeholder字体颜色呈浅灰色,通过下面的方法,可以改变默认颜色:input:-moz-placeholder, textarea:-moz-placeholder { color: red; } input:-ms-input-placeholder, textarea:-ms-input...原创 2020-12-16 10:41:31 · 8902 阅读 · 1 评论 -
伪元素 内容 content 符号,图标
可用符号网站使用:li.click::after { content: '▸'; position: absolute; top: 0; right: 0; font-size: 20px; color: #1dadee; }...原创 2020-04-05 00:04:36 · 2018 阅读 · 1 评论 -
top,right,bottom,left设置为0有什么用?
left等定位属性,要使用时,它必需是已定位的元素。(absolute,relative,fixed) eg:img{position:absolute;left:100px} 如果去掉position:absolute,则left失效。对float:left这种浮动元素也是失效,反正就是定位了才让用哈。拓展一种居中用法,(1)先定位,设置 top:0;bottom:0;margin:...原创 2018-12-29 15:10:09 · 4754 阅读 · 1 评论 -
CSS设置下划线与文字间距距离
原文:CSS设置下划线与文字间距距离css的写下划线 text-decoration: underline; 但是这样的样式下划线太靠近文字了 如图 修改方式border-bottom: 1px solid red;padding-bottom: 8px;如图...转载 2018-11-28 14:33:13 · 10919 阅读 · 1 评论 -
CSS table-layout 属性
http://www.w3school.com.cn/cssref/pr_tab_table-layout.asp 应用:(1)单元格内容过长隐藏用省略号代替<html><head> <title></title> <style type="text/css"> #myTable { ...原创 2018-08-16 09:15:46 · 149 阅读 · 0 评论 -
CSS 隐藏滚动条
http://jsfiddle.net/5GCsJ/18807/ <div id="outer"> <div id="inner"> hello无论如何我都想<br/>hello无论如何我都想<br/> hello无论如何我都想要<br/>hello无论如何我都想<br/>原创 2018-07-27 18:03:31 · 154 阅读 · 0 评论