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

一些常用的CSS代码分享

所属分类:软件开发 来源: 丁老师原创 更新时间:2026-03-27 09:32 浏览: 1095 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;}


标签:

相关文章

如何使用Android Studio构建发布...

有同学咨询,想知道怎么样使用Android Studio来构建Flutter应用项目,今天丁老师来教你。在Android Studio中,选择顶部菜单的Build-Flutter-Build APk,就可以生成Flutter项目的APK...

Uniapp开发小程序和app时,根据登录状...

在使用uniapp开发app和小程序时,经常会用到打开app/小程序时,根据登录状态判断是显示首页还是跳转登录页的功能。此功能在app.vue的onlaunch方法中定义,方法如下:onLaunch: function() { cons...

怎么样合并一个或多个PDF文件?

经常有小伙伴问丁老师,说扫描出来的PDF图片,都是一个一个的,怎么样把他们合并成一个文件呢?我说你去下载一个PDF工具就好了呀,有某某PDF共阅读器、编辑器嘛。小伙伴说不行呀丁老师,因为网上的这些PDF工具有以下缺点:1.体积太大。动辄...

微信企业付款到零钱开发

丁老师开发的微信企业付款功能,可以直接对接系统,在用户申请提现时由微信直接付款至个人的微信零钱账户

推荐文章

百度编辑器ueditor自动添加p标签换行的...

在实际工作中发现,有个编辑器每次保存或者修改后,都会自动在内容顶部和底部增加几行,烦人的很,一直找不到解决办法。后来发现原来是自己代码的问题。解决办法:内容在textarea中,不要换行不要写成:<textarea{content} ...

FastAdmin非菜单链接,跳转菜单页面的...

在fastadmin中,一个页面的非菜单链接,想要点击后打开指定页面,并且菜单自动展开,该怎么实现呢?经过丁老师研究后,发现超级简单,废话不多说,直接上代码:<a class="btn-addtabs" href=...

Android Studio 打包APP制作...

在使用android studio打包app时,需要制作JKS证书,具体的命令如下:D:\Program Files\Java\jre1.8.0_301\bin keytool -genkey -v -keystore dlq6.jks -...

Python3.12提示windows No...

在使用python3.12时突然遇到提示windows No module named distutils,研究了一下,把解决办法分享出来。1.安装 setuptools,它现在也提供 distutils;2.从第三方源(如系统软件包)载入...