请CSS高手指点几个问题。

来源：百度知道 编辑：UC知道 时间：2024/07/05 01:00:24
请教CSS高手几个问题，请指点迷津。
display:block；函数的作用是什么？请帮忙解释和距离说明！
还有display:inline;这个函数都能让什么样的元素横向排列。

20分奖励，回答后再追加20分！

display:block; 的作用是将行内元素按块级元素显示。比如span、a等。
例：
<a href="aaa.htm">aaa</a>
<span>bbb</span>
这两行代码的显示效果是：aaabbb 是连着在同一行显示的。
如果用
<a href="aaa.htm" style="display:block;">aaa</a>
<span style="display:block;">>bbb</span>
则显示出来的效果是两行。

display:inline;就是将本来是块级的元素显示为内嵌的元素，比如div是一个块级元素，设置了display:inline之后，就会跟其他元素在同级显示了
例：
text1
<div>text2</div>
这里的text1跟text2是分开在两行显示的
而
text
<div style="display:inline;">text2</div>
这里的text1和text2则是在同一行显示的