Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • h002-块级元素和行内元素包含什么★★

h002-块级元素和行内元素包含什么★★

块级元素

1 独占一行 2.可以设置宽高,如果不设置默认为父集宽的的100%

包括:

div

ul li

ol li

h1-h6

dl dt dd

p

form

hr

table

thead

tbody

th

tr

td

行内元素

  1. 与其他行内元素并排。 2.不能设置宽高,默认宽度就是文字宽度。

包括:

span

var

strong

cite

em

i

b

a


textarea

small

br

三、inline-block

inline-block 的元素(如input、img)既具有 block 元素可以设置宽高的特性,同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性, 比如 inline-block 元素也可以设置 vertical-align(因为这个垂直对齐属性只对设置了inline-block的元素有效) 属性。

img

input

使用inline-block时候就是会有间隙产生,去除方法有两个。

1.直接设置margin-left:-number;

2.父集设置:word-spacing:-number;

Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人