账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    【css】举例说明display:inline、block、inline-block的区别
    37
    0

    RT
    内联元素,块元素,行内块元素到底有啥差别嘞?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 掏枪毙了你 普通会员 1楼
      1. inline(行内元素)

      inline元素是块级元素,它与文本对齐的方式是行内对齐。它们之间的关系类似于行内元素和文本之间的关系,行内元素可以设置边框和内边距,而行内元素的文本不能设置样式。 inline元素的特点是:文本可以设置样式,但不能设置边框和内边距。

      例如: css p { color: red; text-align: center; }

      1. block(块级元素)

      block元素是块级元素,它与文本对齐的方式是块级对齐。它们之间的关系类似于块级元素和文本之间的关系,块级元素可以设置边框和内边距,而块级元素的文本不能设置样式。 block元素的特点是:文本不能设置样式,但可以设置边框和内边距。

      例如: css p { border: 1px solid black; padding: 10px; }

      1. inline-block(行内块级元素)

      inline-block是行内块级元素,它是块级元素和行内元素的结合体。它们之间的关系类似于行内元素和行内块级元素之间的关系,行内块级元素可以设置边框和内边距,而行内块级元素的文本不能设置样式。 inline-block的特点是:文本既不能设置样式,也不能设置边框和内边距,但是它们可以在一行内被放置。

      例如: css p { border: 1px solid black; padding: 10px; display: inline-block; }

      以上就是display:inline、block、inline-block的区别,它们各自的特点和用途。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部