css display={block,inline,inline-block}的认识

block  块级元素  有自己的区域  单独占据一行 默认有且可以设置width height ， 可以设置padding   ， margin 

       inline  行内元素   一般不换行  没有自己的区域  width 和height是由文本的高度（inline-heigth）和文本的长度决定的，不能设置width和height，有效设置有padding-left和padding-right,

margin-left 和margin-right

  inline-block 可以有自己的宽度和高度（设置有效），且以行内元素的形式 显示

   块级元素包括：

 

：

行内元素：

可变元素——根据上下文语境 可以用作块级元素 也可以用作 行内元素

text-aligin  :描述的是一个块级元素中的行内内容对齐方式：行内内容指的是由行内元素组成的，对于块级内容不起作用，但是对于不同的浏览器  ，效果又不一样