CSS - 常识 - 行内和块元素

本文详细解析了HTML中行内元素与块元素的特点及应用,包括常见与不常见的元素类型,以及如何实现行内元素的水平居中,是前端开发者必备的基础知识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 行内元素:
    特点:①不换行;②不可设置大小;③大小由内容决定(宽度即为内容的宽度)
    常用行内元素:span, a, label, input, img, textarea, select, button, strong
    不常用行内元素:small, u, i, em, abbr, big(已弃用), cite, sub, sup, q
    在这里插入图片描述行内元素水平居中的两种方法:
    ① 父级设置 text-align : center;
    ② 转化成块元素并设置宽度,设置margin : 0 auto;
  • 块元素:
    特点:①独立成行;②可以设置大小;③如果不设置宽度,则宽度自适应父级宽度
    常用块元素:div, p, header, section, aside, footer, h1, h2, h3, h4, h5, h6, ul, ol, li, address, menu, pre, hr
    不常用块元素:dl, dt, dd
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值