我了解的行内(inline)元素有:
Element | Description |
---|---|
<a> |
anchor |
<abbr> |
abbreviated form |
<acronym> |
acronym |
<b> |
bold text style |
<bdo> |
I18N BiDi over-ride |
<big> |
large text style |
<br> |
forced line break |
<button> |
push button |
<cite> |
citation |
<code> |
computer code fragment |
<del> |
deleted text |
<dfn> |
instance definition |
<em> |
emphasis |
<i> |
italic text style |
<iframe> |
inline subwindow |
<img> |
Embedded image |
<input> |
form control |
<ins> |
inserted text |
<kbd> |
text to be entered by the user |
<label> |
form field label text |
<map> |
client-side image map |
<object> |
generic embedded object |
<q> |
short inline quotation |
<samp> |
sample program output, scripts, etc. |
<select> |
option selector |
<small> |
small text style |
<span> |
generic language/style container |
<strong> |
strong emphasis |
<sub> |
subscript |
<sup> |
superscript |
<textarea> |
multi-line text field |
<tt> |
teletype or monospaced text style |
<var> |
instance of a variable or program argument |
对于行内元素有几个特别需要注意的地方:
1》inline元素的overflow属性是不起作用的。
2》inline元素的height属性也是不起作用的,它的高度取决于它的内容。可以结合line-height调节。
3》我测试所得padding,margin都起到了作用,只是它并不会对相邻或者父元素造成影响。但这一点我看到的说法各不相同,我还需要继续探究.....