前端学习（502）：水平居中布局得第三种方式

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>居中布局一</title><style>.parent{width: 300px;height: 300px;background-color: pink;position: relative;}.child{width: 100px;height: 100px;background-color: red;/*  */position: absolute;left: 50%;transform: translateX(-50px);}</style>
</head>
<body><div class="parent"><div class="child">我是歌谣</div></div>
</body>
</html>

运行结果

前端学习（502）：水平居中布局得第三种方式相关推荐

前端学习（503）：水平居中布局得第三种方式的优缺点
Spring 学习之二----Spring创建对象的三种方式
最近在系统的学习Spring,现在就Spring的一些知识进行总结. 我们知道Spring是一个开放源代码的设计层面的框架,他主要解决的是业务逻辑层与其他各层之间松耦合的问题. Spring 有三个核 ...
Java动物类enjoy方法打印_Java反射学习-2 - 获取Class对象的三种方式
1 packagecn.tx.reflect;2 3 importjava.lang.reflect.Constructor;4 importjava.lang.reflect.Field;5 imp ...
前端学习（1438）：vue三种安装方式
1. 直接下载源码然后通过路径引入- 开发版本:https://vuejs.org/js/vue.js- 生产版本:https://vuejs.org/js/vue.min.js2. CDN```js ...
html另存为对话框,前端实现弹出“另存为”对话框的三种方式
今天开发一个需求,需要将一段字符串保存到文件中,并且保存之后在页面上弹出"另存为"对话框来实现将文件保存到指定位置.那么应该如何来实现在前端弹出"另存为"对话框 ...
【MAYA动画基础学习 1】小球动画的三种方式——关键帧，刚体和布料
基础设置调节关键帧快捷键(避免多出很多不必要的部分) 关键帧->Set Key->根据需要进行调节(下图设置为仅设置单一关键帧) 调节播放设置(避免渲染出来的效果跟maya里播放的效果不 ...
css table设置边框_（代码示例）css实现等高布局的三种方式
本篇文章给大家带来的内容是关于css实现等高布局的三种方式(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 本文讲的等高布局是在不手动设置元素高度的情况下,使用纯css实现 ...
vue前端常用的三种方式模拟获取数据
前端的三种方式模拟获取数据 1⃣️.mockjs插件获取: 1.首先我们先进行安装mockjs,进入项目在终端输入:npm install mockjs --save 2.我们可以在src目录下新建m ...
ios网络学习------4 UIWebView的加载本地数据的三种方式
ios网络学习------4 UIWebView的加载本地数据的三种方式分类: IOS2014-06-27 12:56 959人阅读评论(0) 收藏举报 UIWebView是IOS内置的浏览器, ...

前端学习（502）：水平居中布局得第三种方式

前端学习（502）：水平居中布局得第三种方式相关推荐

最新文章

热门文章