【前端】【样式】CSS居中的三种方式

@charset "utf-8";
/* CSS Document */
/**
*开发者：萌狼蓝天
*当前版本：v0.1[Debug]
*最后更新日期：20210918
**/
/*居中问题处理*/
.center-apm{
/*  定位-居中*/position: absolute;margin:0;top:0;left:0;right:0;bottom: 0;
/*  元素居中*/text-align: center;
}
.center-apt{
/*  定位-居中*/position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);
/*  元素居中*/text-align: center;
}
.center-al{
/*  定位-居中*/margin:0 auto;
/*  元素居中*/text-align: center;
}
.text-center{display:table-cell;text-align: center;}
.text-center-t{text-align: center;
}
.text-center-d{display:table-cell;
}.div-block-online{display: inline-block;
}
.div-block{display:block;
}
/*边框问题处理*/
.border-r{border-radius: 5px;
}
/*边框-墨绿色*/
.border-GreenBlackish{border:#20716A solid 1px;
}
.border-GreenBlackish:focus{border:#FFF78C solid 1px;
}
.border-GreenBlackish:hover{border:#23A393 solid 1px;
}
/*边框-墨蓝色*/
.border-BlueBlackish{border:#182952 solid 1px;
}
.border-BlueBlackish:focus{border:#E14594 solid 1px;
}
.border-BlueBlackish:hover{border:#2B3595 solid 1px;
}
/*边框-橙橘色*/
.border-Orange{border:#CA431D solid 1px;
}
.border-Orange:focus{border:#CA431D solid 1px;
}
.border-Orange:hover{border:#FF9900 solid 1px;
}

【前端】【样式】CSS居中的三种方式相关推荐

CSS样式表引入的三种方式，及优先级顺序
CSS样式表引入的三种方式,及优先级顺序 CSS可以通过三种方式引入样式表,三种方式分别是行内样式表,内部样式表和外部样式表. 行内样式表通过给标签设定style属性 <body>< ...
前端实现跨域的三种方式
前端解决跨域的三种方式: 1.cors跨域(只需要后端配置) header("Access-Control-Allow-Origin:*"); // 允许任何来源 header(& ...
前端实现文件下载功能的三种方式
一些管理系统常常会有导出文件的功能,这里介绍三种文件下载的尝试 1. 通过文件地址下载文件此方式最为简易,只需要知道文件在服务器上的地址,就可以通过a标签实现下载 <a href=" ...
css样式高居中,CSS居中的几种方式
本文主要总结几种常见的CSS居中方式,下面我准备分为三个方向来写,分别是水平居中,垂直居中,水平垂直居中. 水平居中 1.inline元素如何实现水平居中?(text-align:center) 2. ...
前端请求后端数据的三种方式！
在前后端分离的开发项目中,前后端联调的时候会出现这样那样的问题,尤其是在调取数据的程序上面,有时候前端给的前端给到后端的明明是正确的但就是无法拿到正确的数据,下面小千就来给大家详解一下常见的三种数据传 ...
前端请求后端数据的三种方式
在前后端分离的开发项目中,前后端联调的时候会出现这样那样的问题,尤其是在调取数据的程序上面,有时候前端给的前端给到后端的明明是正确的但就是无法拿到正确的数据,下面小千就来给大家详解一下常见的三种数据传 ...
html中给div设置的属性怎么样才能拿得到_HTML与CSS结合的三种方式：优先级比较...
所谓实践出真知,只有自己动手去做了,才能得到正确的结论. 首先我们看看三种结合方式: 通过link标签引入外部css文件通过style标签通过style属性很长一段时间我受这个一段话影响:在ht ...
前端实现吸顶的三种方式
何为吸顶?吸顶就是随着页面滚动,某个元素在移动到顶部后便会固定下来,并且不会再因为页面继续滚动而消失. 常见应用于页面的Tab栏.以下是自己在学习过程中简单整理的三种吸顶方式( 仅描述思路 ). 一. ...
c语言让数组地址对齐,C语言实现比特位数组在目标空间左右居中对齐三种方式...
在LED行业中,一般一个灯亮或者不亮用一个bit位来表示(这里就不谈七彩或者灰度控制卡),假如我们屏幕大小是128点,相当于宽度16个字节,如果我们让两个汉字居中显示(两个汉字占宽度4个字节),很容易 ...

【前端】【样式】CSS居中的三种方式

【前端】【样式】CSS居中的三种方式相关推荐

最新文章

热门文章