2017-10-19

猎数博客

数据挖掘,机器学习

CSS block和inline

作者:江航 / 2014-03-09 / (阅读 1,547 次) /



在CSS定位中,有个重要的概念需要了解,那就是display 的block 和inline属性。

block:开头和结尾都有换行;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。块元素还可以指定背景颜色和背景图像。

inline:是将元素显示为行内元素,
和其他元素都在一行上;高,行高及顶和底边距不可改变;宽度就是它的文字或图片的宽度,不可改变。<span>, <a>, <label>, <strong> 和<em>是inline元素的例子。

控制块元素的宽度,然后使用float属性,可以将多个块元素水平拼成一行。(div等元素适用)
另一个方法是将块元素显示为inline ,直接在一行显示。(li等元素适用)

另外,关于浏览器的定位方法:

对于流中的块元素,每个新起一行,缺省宽度为100%,也就是其元素的宽度。float元素不在流中。



本文地址: http://www.bagualu.net/wordpress/archives/3282 转载请注明






相关文章

  • twentyfourteen 页面结构( 1,819 )
  • firefox 开发者工具( 1,633 )
  • css background-position( 1,615 )
  • 打算学习一下这个主题的CSS( 1,581 )
  • CSS block和inline( 1,547 )
  • 设计一个主题( 1,496 )
  • CSS3的font-face( 1,447 )
  • CSS 参考( 1,406 )
  • jquery 选择器( 461 )
  • sass语法示例( 376 )
  • Leave a Reply

    您必须登录以发表评论,

    沪ICP备11036560号
    联系我: jianghang at bagualu.net