
CSS
今天代码敲了吗
这个作者很懒,什么都没留下…
展开
-
css 选取第一个标签元素
css 选取第一个标签元素方法一:直接获取对应class类名的第一个标签<div class="idcardlist"><div class="idcard">1</div><div class="idcard">2</div></div><style>.idcard:first-child { background-color: red;}</style>方法二 :获取标签下原创 2020-06-08 14:45:44 · 22220 阅读 · 0 评论 -
css树状图
css树状图效果图 <div class="tree"> <ul> <li> <a href="#"> <div class="heda"></div> </a> <ul> <li> <a href="#"> <di原创 2020-06-06 13:50:02 · 1949 阅读 · 1 评论 -
CSS 适应页面宽度(防止页面宽度溢出或左右扩张)
CSS 适应页面宽度在制作页面时我们会遇到页面宽度溢出或者向左右扩张的问题,其中一个愿意是宽度没有设置,还有一种原因是用了padding导致页面宽度发生变化,在不同的分辨率中显示的样式可能是不一样的。在这里给大家推荐一个CSS的样式calc。按照你所需的宽度,减去你左右扩张的宽度。这个样式可以防止你的宽度溢出,让页面按照这个宽度自适应。 width: calc(100% - 40px); padding: 0 20px;...原创 2020-05-16 13:43:38 · 3566 阅读 · 0 评论 -
CSS 标签左右分布的多种方法
CSS 标签左右发布的多种方法第一种用flex布局(推荐)第二种浮动(不推荐)第三种position定位(不推荐)总结第一种用flex布局(推荐)改变justify-content样式属性有不同的发布,有兴趣的可以试试<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title><style>.flexs{ display:原创 2020-05-13 15:52:05 · 5208 阅读 · 0 评论 -
CSS文字过长显示为...
CSS文字过长显示为… <DIV STYLE="width: 220px; height: 50px; overflow: hidden; text-overflow:ellipsis"> <NOBR>我是一串文字,很长很长,最后容不下我了</NOBR> </DIV>...原创 2020-04-24 15:49:54 · 2735 阅读 · 0 评论