css布局思考

前端之家收集整理的这篇文章主要介绍了css布局思考前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<table class="text"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

属性开始吧! display属性用于规定元素生成的框类型,影响显示方式。   display属性在网页布局中非常常见,具备一系列值: `none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-colume-group | table-column | table-cell | table-caption | inherit` 但其实,经常用到的仅仅是block、inline-block、inline这几个属性值,所以这里只说说这三个值。   【display:block】 独占一行 不设置宽度的情况下,宽度撑满一行 支持宽高   【display:inline】 宽高由内容撑开 非独占一行 不支持宽高   【display:inline-block】 不设置宽度时,内容撑开宽度 非独占一行 支持宽高         那么,当我们用这几个属性来布局的时候,怎样才能更好地理解这三个属性值的特性呢,能不能总结出其中的一些规律呢? 下面是我个人的一点小小理解: 首先,不管有没有设置display,每个元素其实都有其默认的display属性,有些元素天生是块状元素,如

标签,有些元素天生是内联元素,如标签等,有些元素则天生具备这两者的特性,如

猜你在找的程序笔记相关文章