css 右对齐_26个常用易忘CSS小技巧

收集于平时常用但易忘的CSS实现方法,如有遗漏或补充,还请指正!

1.解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

395c2c4fc2c7f2ca5fc055e83263c28e.png

2.超出部分显示省略号

d7975b0b7fe84a6d5fc7f00c8de6462b.png

3.css实现不换行、自动换行、强制换行

958a423150950ee1de72ade7f3cc13b3.png

4.CSS实现文本两端对齐

ae2dfffd832a2e5ed808b0b7f7446644.png

5.实现文字竖向排版

0ecc6d96497c1f95223e9d3cbf523e24.png

6.使元素鼠标事件失效

928410cfa90263027bbcb15d2360a5cd.png

7.禁止用户选择

9d508f76b45ac01b3218fdbdbb457b45.png

8.cursor属性

3a6a859ef3fe01848b997d4551a702a3.png

9.使用硬件加速

8a74e39e693baa10e6fd6de7f2033336.png

10.图片宽度自适应

e2a0101559baea1a5e35e186c6774457.png

11.Text-transform和Font Variant

369040c79c5c937a92c245fed208a87c.png

12.将一个容器设为透明

b46fe02550978179717eac8a8f1aaab9.png

13.消除transition闪屏

0afcfe930a4cb3cf03254bd79d647e9e.png

14.自定义滚动条

c04c5be957329860d7f3d171a2df6cbf.png

15.让 HTML 识别 string 里的 '' 并换行

413a0c1fd927ffb67976348bf798131c.png

16.实现一个三角形

c80a1fce032eb695601c8b51656ec0c4.png

17.移除被点链接的边框

b3927d69cc50dab4c0f3a6a58879cc15.png

18.使用CSS显示链接之后的URL

f6e7b00fdca3e3e828087cff9422bf00.png

19.select内容居中显示、下拉内容右对齐

db9994040cf19cf9169a1d9f9ab2553c.png

20.修改input输入框中光标的颜色不改变字体的颜色

b5f42eba8eb33c86ac3e8220f27b01c6.png

21.修改input 输入框中 placeholder 默认字体样式

794e75f4930d3d6b9f93a738a2b00760.png

22.子元素固定宽度 父元素宽度被撑开

691c3d2618c7e0fdc6223574f77c757c.png

23.让div里的图片和文字同时上下居中

3acc8abae4c4f87950bf583aacaf8b11.png

24.实现宽高等比例自适应矩形

bd4606853f32bbd38e3d5b7c2334cf9a.png

25.transfrom的rotate属性在span标签下失效

3367495b336af8548f5cd03fb59938de.png

26.边框字体同色

2fea77347e60aae314cddacba5e75857.png

(内容收集于网络,侵删)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值