• 行内元素及相关注意事项


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

  • 相关阅读:
    数组元素按指定的位置排序
    git修改历史提交的备注信息
    js常用遍历理解
    async await和promise的区别,和使用方法
    js检测邮箱格式,正则检测邮箱格式
    前端,es6中的promise异步方法,及用的场景
    JMter 压力测试工具简单使用及介绍
    Vue Config
    vue 文件上传
    Windows Redis集群搭建简单版
  • 原文地址:https://www.cnblogs.com/share123/p/3528522.html
Copyright © 2020-2023  润新知