内联元素及其特性 &块元素

最新推荐文章于 2021-06-04 22:36:00 发布

weixin_34061555

最新推荐文章于 2021-06-04 22:36:00 发布

阅读量72

点赞数

原文链接：http://www.cnblogs.com/mabelstyle/archive/2012/11/22/2782368.html

版权

一般的块级元素诸如段落<p>、标题<h1><h2>...、列表。<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........

内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。

img的内联是默认的，但是由于IMG 标签本身存在 WIDTH 和 HEIGHT 属性，所以css 可以这样写，是为了让其保存一致性，补充其属性的灵活性，故可不必深究原因。

内联元素注意以下几点（没有设置display:block;也没有设置float:left;）：
1.内联元素的width height不起作用
2.内敛元素的padding 只有padding-left 和padding-right起作用
3.内联元素的margin  只有margin-left 和margin-right 起作用
若想要上述不起作用的属性起作用，则display:block;

转载于:https://www.cnblogs.com/mabelstyle/archive/2012/11/22/2782368.html