css
文章平均质量分 63
Amily_an
办法总比问题多
展开
-
css3仿手机版淘宝商品并列显示
并列商品不等高,交错显示css.menuList_div { -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari 和 Chrome */ column-count:2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 1em; margin:0 auto;}.item { padding-bottom: 0.1em; mar原创 2021-04-06 16:55:12 · 784 阅读 · 0 评论 -
css 上传图片时的框(div里画加号“+”)
css<style> #img_div{ width:100px; height:100px; border:1px dashed #000; <!-- 虚线 --> margin:0 auto; position: relative; } <!-- 伪元素:横线 --> #img_div::before{ content: ""; position: absolute; left: 35%; top: 50%; wid原创 2021-04-05 10:53:13 · 2078 阅读 · 1 评论 -
css当文字超过指定宽度时,超出部分用“...“省略号表示
html<p>红红火火恍恍惚惚斤斤计较溜了溜了凄凄切切呜呜哇哇柔柔弱弱吞吞吐吐一样一样乒乒乓乓重中之重休息休息宝宝贝贝男男女女密密麻麻坎坎坷坷</p>css单行p { width: 300px; overflow: hidden; text-overflow: ellipsis;/* 超出省略号 */ white-space: nowrap;}效果图:css多行p { width: 200px; height: 36px; /* 高度根据多行文字一共占原创 2020-09-03 11:10:46 · 639 阅读 · 0 评论