首页 > 原创文章 > 软件开发 > 查看文章

一些常用的CSS代码分享

所属分类:软件开发 来源: 丁老师原创 更新时间:2026-03-27 09:32 浏览: 855 IP属地: 深圳

flex-space-between

display:flex;justify-content:space-between;

flex-column

display:flex;flex-flow:column;

flex居中

display:flex;flex-flow:column;justify-content:center;align-items:center;

absolute居中

position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);

阴影

box-shadow:0 0 5px 5px #ccc;

动画

transition:all 0.3s;

文字超出长度自动隐藏显示省略号

display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;

全局

* {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;line-height:1.6;}
*:focus {outline:none;background-color:transparent;}
body,html {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
a,s,em,u,i {font-style:normal;text-decoration:none;}
b,strong {font-weight:bold;}
p,pre,form {margin:0;}
a img {width:100%;}
dl,dt,dd,menu,ol,ul,li {margin:0;}
nav ul,nav ol,li {list-style:none;list-style-image:none;}
img {display:block;border:0;-ms-interpolation-mode:bicubic;margin:0;}
button,input,select,textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;-webkit-appearance:none;border:none;outline:none;}

.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hidden {display:none;}


标签:

相关文章

Linux下gz文件看的到删不了的解决办法

linux下生成的gz文件,有些看的到,删除不了,一删除就提示No such file or directory,怎么办呢?不说废话,直接上解决办法:查看这个文件的 inode号#ls -lhi .根据inode号删除# find . ...

微信小程序从开发到实现微信支付的全过程

微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序(https://mp.weixin.qq.com/);2.左侧菜单选择首页;3.完善小程序的基本信息,包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配...

Linux下mysql数据库自动备份

不说废话,直接上解决办法。写mysqldump -uusername -ppassword DatabaseName | gzip /home/backup/DatabaseName_$(date +%Y%m%d_%H%M%S).sql...

Jquery滚动到指定位置的方法

众所周知,Html可以利用锚点,即<a name的属性来快速定位网页位置,但是那个方法点一下网页直接就跳过去了,用户体验度不是很好。怎么实现网页可以平滑丝滑的滚动到网页指定位置呢?其实很简单,用jquery的animate方法即可...

推荐文章

VideoJs宽度高度自适应100%的方法

videojs是一款非常不错的html video播放器插件,很多同学经常在群里问我,说丁老师这个videojs怎么设置为宽度或者高度自适应呢,不想把video的width和height写死,有没有什么办法呢。丁老师经过研究发现啊,vide...

用AI制作的软件是否可以申请软著?丁老师解答

目前随着AI的不断发展,Vibe Coding的持续普及,诞生了大量的AI软件开发工具(IDE),通过这些工具,可以让一个不懂软件开发的人、没有任何技术能力的人使用AI来开发出想要的软件、网站等等。有同学咨询丁老师,使用AI开发的软件,可以...

微信公众号如何集成对接网站网页

微信公众号可以把官网的网页集成进去吗?想通过微信公众号实现打开公司网站的页面,具体要怎么实现呢?其实这个功能,可以通过微信菜单的方式来实现...

安装fastadmin提示“你所浏览的页面暂...

安装fastadmin,打开后提示"你所浏览的页面暂时无法访问",无法安装,是因为程序的runtime没有写权限,需要对runtime目录,添加写权限。解决方法:windows:右键目录,写入按钮打勾。如果不行,在“安全...