行内元素及相关注意事项
2014-01-21 16:05
197 查看
我了解的行内(inline)元素有:
Examples of inline elements
对于行内元素有几个特别需要注意的地方:
1》inline元素的overflow属性是不起作用的。
2》inline元素的height属性也是不起作用的,它的高度取决于它的内容。可以结合line-height调节。
3》我测试所得padding,margin都起到了作用,只是它并不会对相邻或者父元素造成影响。但这一点我看到的说法各不相同,我还需要继续探究.....
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都起到了作用,只是它并不会对相邻或者父元素造成影响。但这一点我看到的说法各不相同,我还需要继续探究.....
相关文章推荐
- 开发vue但不使用vue-cli和webpack相关注意事项
- Qt中如何使用样式表QPalette以及相关注意事项
- 无符号数、有符号数、补码在汇编中的运用及相关注意事项
- apple in app purchase 的测试相关注意事项。。
- Date类相关注意事项和调用方式
- 关于Linq to Sql 中的left join 中defaultifempty的相关注意事项
- 黑苹果安装及相关注意事项之四,开始折腾之准备及设置篇
- Stl 删除元素注意事项
- 自动化测试项目的相关注意事项
- 使用Smarty的相关注意事项及访问变量的几种方式
- linux上的ssh上改到与ssh相关的配置时注意事项
- hibernate通过query查询返回实体集合相关注意事项
- 响应式开发(四)-----Bootstrap CSS----------Bootstrap CSS概览和相关注意事项
- iOS巅峰之iPhone适配的相关内容以及机型适配时的注意事项
- ecstore b2b2c 商城页面伪静态代码 及相关注意事项
- JLabel作为展现元素时需要注意的事项
- ThinkPHP的SAE开发相关注意事项详解
- 伪元素:first-letter注意事项
- 数据恢复相关注意事项
- php连接mssql的一些相关经验及注意事项