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

<!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;}.child{width: 100px;height: 100px;background-color: red;display: table; margin: 0 auto;}</style>
</head>
<body><div class="parent"><div class="child">我是歌谣</div></div>
</body>
</html>

运行结果

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

前端学习（501）：水平居中布局得第二种方式的优缺点
前端学习（499）：水平居中布局得第一种方式得优点和缺点
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
前端学习（498）：水平居中布局得第一种方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
前端学习（2367）：两种方式导航跳转和传参
<template><view><button type="primary" @click="chooseImg">上传图片 ...
android动态居中布局,Android动态添加布局的两种方式
释放双眼,带上耳机,听听看~! 前言大多数时候我们布局都是用xml来布局的,但有些时候也是会用到动态布局的,尤其是在一些大项目中,动态布局更是体现的淋漓尽致. 所以今天我们就来学习一些动态加添布局的 ...
android动态改变布局,Android 动态添加布局的两种方式
前言大多数时候我们布局都是用xml来布局的,但有些时候也是会用到动态布局的,尤其是在一些大项目中,动态布局更是体现的淋漓尽致. 所以今天我们就来学习一些动态加添布局的两种方式,分别是动态添加xml ...
css table设置边框_（代码示例）css实现等高布局的三种方式
本篇文章给大家带来的内容是关于css实现等高布局的三种方式(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 本文讲的等高布局是在不手动设置元素高度的情况下,使用纯css实现 ...
html画布20等分,实现CSS等分布局的4种方式 - 小火柴的蓝色理想
前面的话等分布局是指子元素平均分配父元素宽度的布局方式,本文将介绍实现等分布局的4种方式思路一: float 缺点:结构和样式存在耦合性,IE7-浏览器下对宽度百分比取值存在四舍五入的误差 [1] ...
实现CSS等分布局的5种方式
前面的话等分布局是指子元素平均分配父元素宽度的布局方式,本文将介绍实现等分布局的5种方式 float [思路一]float 缺点:结构和样式存在耦合性,IE7-浏览器下对宽度百分比取值存在四舍五入的 ...

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

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

最新文章

热门文章