javascript实现在指定元素中垂直水平居中_javascript技巧
来源:懂视网
责编:小采
时间:2020-11-27 21:43:37
javascript实现在指定元素中垂直水平居中_javascript技巧
javascript实现在指定元素中垂直水平居中_javascript技巧:本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下: #box{ width:200px; height:150px; background:blue; po
导读javascript实现在指定元素中垂直水平居中_javascript技巧:本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下: #box{ width:200px; height:150px; background:blue; po
本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下:
思路:实现起来最麻烦的其实是水平居中和垂直居中,其中垂直居中是最麻烦的。考虑到浏览器兼容性,网上看了一些资料,发现在页面中垂直居中确实没有什么太好的办法。于是就采用了position:fixed属性控制时钟的绝对位置,通过clientWidth和clientHeight来获取时钟的宽和高,利用javascript控制marginLeft和marginTop来居中时钟。
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript实现在指定元素中垂直水平居中_javascript技巧
javascript实现在指定元素中垂直水平居中_javascript技巧:本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下: #box{ width:200px; height:150px; background:blue; po