H5学习之宠物网两种适配方式以及盒子模型简介

一,适配:

学习过程中遇到两种适配情况,

  • 1,一种是如下图,居中适配,这种适配用的是textalign居中适配的,

  • google.gif
  • 2,另外一种是下图,从左开始适配,这种情况下用过的是float:left适配,这种适配有一个注意点就是当你把一个标签的float属性设置为left或者right之后,它的父标签高度就没有了,然后就没有办法进行居中或者其他设置,调出父控件的高度的方式是设置父控件的display属性为inline-block

  • google01.gif
二,盒子模型
  • 1, 两种盒子模型

  • 图片 1.png
  • 图片 2.png
  • 2,书写格式:

  • 3.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,964评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,663评论 0 17
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,650评论 32 459
  • 01 话说一小伙子晚上陪女友逛街,途中突然内急想方便,有一小区围墙旁种了树,就跑到树后面。晚上还真看不清树后面什么...
    小黄人的自由之路阅读 339评论 2 3
  • 酒,不可不醉,不可太醉。不醉,品味不出酒的妙处,进入不了酒的佳境,难以人酒合一,水乳交融。太醉,胡话连篇,丑...
    修源阅读 348评论 0 1