行内元素及相关注意事项

我了解的行内(inline)元素有:

Examples of inline elements
ElementDescription
<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都起到了作用,只是它并不会对相邻或者父元素造成影响。但这一点我看到的说法各不相同,我还需要继续探究.....

 

posted on 2014-01-21 16:05  菜鸟丫丫  阅读(159)  评论(0编辑  收藏  举报

导航