<!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;text-align: center;}.child{width: 100px;height: 100px;background-color: red;display: inline-block;text-align: left;}</style>
</head>
<body><div class="parent"><div class="child">我是歌谣</div></div>
</body>
</html>

给子代加text-align

运行结果

前端学习(499):水平居中布局得第一种方式得优点和缺点相关推荐

  1. 前端学习(498):水平居中布局得第一种方式

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  2. 前端学习(512):两列布局的第一种方式的优缺点

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  3. 前端学习(511):两列布局的第一种方式

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  4. 前端学习(500):水平居中布局得第二种方式

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  5. 前端学习(501):水平居中布局得第二种方式的优缺点

  6. 前端学习(505):垂直居中的第一种方式的优点和缺点

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  7. 前端学习(2367):两种方式导航跳转和传参

    <template><view><button type="primary" @click="chooseImg">上传图片 ...

  8. android动态居中布局,Android动态添加布局的两种方式

    释放双眼,带上耳机,听听看~! 前言 大多数时候我们布局都是用xml来布局的,但有些时候也是会用到动态布局的,尤其是在一些大项目中,动态布局更是体现的淋漓尽致. 所以今天我们就来学习一些动态加添布局的 ...

  9. android动态改变布局,Android 动态添加布局的两种方式

    前言 大多数时候我们布局都是用xml来布局的,但有些时候也是会用到动态布局的,尤其是在一些大项目中,动态布局更是体现的淋漓尽致. 所以今天我们就来学习一些动态加添布局的两种方式,分别是 动态添加xml ...

最新文章

  1. 基于VC++开发串口通信的方法
  2. 备战秋招——操作系统
  3. 网狐棋牌(三) 调度引擎初步分析
  4. HttpMate简介
  5. 查看欧拉系统服务器ip,euler os 查看center进程命令
  6. 网站建设过程中的:重要页面、关键页面、过程页面、结果页面
  7. 元进Python(3)---如何实现IP子网掩码计算器功能?
  8. coreldraw x7 分布_CDR X7新增功能有哪些,CDR X7新功能介绍
  9. CCNA-基础配置(1)
  10. vpp怎么写node
  11. 三维人脸重建 (一)
  12. 2172php,MAX2172 直接变频至低IF的调谐器,用于数字音频广播
  13. 精选了国内外 6 个接私活的网站,供大家赚钱!
  14. java .gml格式_NetworkX之输入文件GML
  15. 彩色激光同轴位移计在点胶行业的应用(胶水测量)
  16. 08-Oct-2010
  17. 使用 vue 和 canvas 制作的游戏
  18. software-plug-ins
  19. 函数的嵌套调用、嵌套定义
  20. 英特尔NUC迷你电脑套件安装windows10+ubuntu18.04双系统

热门文章

  1. EXEC与sp_executesql的区别及应用
  2. css实现文字过长省略显示
  3. OpenCV修养(三)——图像处理(上)
  4. signature=ec663bb1ca3cfa2e278da44aa044d1c6,Fair Exchange of Signatures with Multiple Signers
  5. 通过WordPress内置函数批量添加文章
  6. profile、服务、特征、属性之间的关系
  7. Android 项目在Eclipse中的目录结构
  8. yum install 失败
  9. MyBatis 实践
  10. pc端vue项目打开pdf文件;网页查看pdf文件;浏览器直接打开pdf文件