首页 > 试题广场 >

以下描述正确的是:

[不定项选择题]
以下描述正确的是: 
  • inline-block 可以设置高度，inline 不可以设置高度
  • inline-block 和 inline 都可以设置 padding-left
  • inline-block 可以设置 margin-left，inline 不可以
  • block 会独占一行，inline-block 不会
查看正确选项
添加回答
Chuan、头像 Chuan、
行内元素不可以设置宽高，但是可以设置   左右padding、左右margin
发表于 2019-03-09 10:23:25 回复(5)
一个找实习的孩子头像 一个找实习的孩子
内联元素是不可以控制宽和高、margin等；并且在同一行显示，不换行。
块级元素时可以控制宽和高、margin等，并且会换行。

1. inline ： 使用此属性后，元素会被显示为内联元素，元素则不会换行  
inline是行内元素，同行可以显示，像span、font、em、b这些默认都是行内元素，不会换行，无法设置宽度、高度、margin、border

2. block ： 使用此属性后，元素会被现实为块级元素，元素会进行换行。  
block，块元素，div、p、ul、li等这些默认都是块元素，会换行，除非设置float  

3. inline-block ： 是使元素以块级元素的形式呈现在行内。意思就是说，让这个元素显示在同一行不换行，但是又可以控制高度和宽度，这相当于内敛元素的增强。(IE6不支持)  
inline-block，可以同行显示的block，想input、img这些默认就是inline-block，出了可以同行显示，其他基本block一样
发表于 2020-10-14 20:52:35 回复(0)
offer快到我碗里来-头像 offer快到我碗里来-
img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。
行内非替换元素，height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和margin left、right改变宽度。
编辑于 2019-07-19 11:28:30 回复(1)
墨白wl头像 墨白wl
●inline-block和block的唯一区别就是，不独占一行。 ●行内元素的padding-top、 padding-bottom、 margin-top、 margin-bottom属性设置是无效的 ●行内元素的padding-left、padding-right、 margin-left、 margin-bottom属性设置是有效的 ●行内元素的padding-top、padding-bottom从 显示的效果上是增加的,但其实设置的是无效的。并不会对他周围的元素产生任何影响。
编辑于 2021-05-12 10:03:49 回复(0)
牛客437804508号头像 牛客437804508号
block，inline-block：对于width，height，margin，padding都生效， inline：只对于margin，padding生效。
发表于 2022-06-05 16:59:35 回复(0)
啊啊啊啊灿头像 啊啊啊啊灿
inline-block input标签 能在同一行又能设置宽高。
发表于 2022-02-10 03:00:57 回复(0)
忘了你头像 忘了你
inline和inline-block其实就是行内元素和块元素的转换，inline设置宽高没有任何作用，inline-block则是兼备了块元素和行内元素的性质，所以，padding和margin在inline-block上都有作用，为inline只能padding，和margin-left和margin-right
编辑于 2020-11-25 16:06:37 回复(0)
二次元世界头像 二次元世界
行内元素不可以设置宽高，但是可以设置 上下左右padding、左右margin
发表于 2023-04-12 09:12:51 回复(0)
且听风吟xqy头像 且听风吟xqy
块级元素的特点：
（1）总是从新行开始
（2）高度，行高、外边距以及内边距都可以控制。
（3）宽度默认是容器的100%
（4）可以容纳内联元素和其他块元素。

行内元素的特点：

（1）和相邻行内元素在一行上。

（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。

（3）默认宽度就是它本身内容的宽度。

（4）行内元素只能容纳文本或则其他行内元素。（a特殊）

行内块元素的特点： 
同时具备行内元素和块元素的特性
（1）和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。
（2）默认宽度就是它本身内容的宽度。
（3）高度, 宽度，行高、外边距以及内边距都可以设置。

发表于 2023-01-29 15:33:59 回复(0)
是js呀头像 是js呀
block是块级元素，能设置宽高，margin和padding在四个方向都有效。 inline设置宽高无效，margin在竖直方向无效，padding在四个方向都有效。inline-block能设置宽高，margin和padding在四个方向都有效
编辑于 2022-07-28 10:32:40 回复(0)
无敌幸运星⭐头像 无敌幸运星⭐

块级元素(block)：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽。

行内元素(inline)：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高。

行内块元素(inline-block)：结合的行内和块级的优点，既可以设置长宽，可以让padding和margin生效，又可以和其他行内元素并排。

发表于 2021-11-17 22:21:36 回复(0)
leoliu凡梦头像 leoliu凡梦
这道题目主要是考 行内块级元素
设置成行内块级元素 之后才可以设置宽高 设置padding margin  
常见的行内块级元素有 img input 音频 视频等
当然也可以修改行内元素作为行内块级 然后修改它的宽高
行内块级元素的特点   不会独占一行 可以设置宽高 padding margin

这道题的坑 就是在于3  inline虽然是行内元素 但是它也可以设置margin啊 所以c是个坑
发表于 2023-10-13 13:00:12 回复(0)
牛客973429504号头像 牛客973429504号
行内元素不可以设置宽高，但是可以设置   左右padding、左右margin
发表于 2022-10-19 20:13:45 回复(0)
赚钱养你呀头像 赚钱养你呀
行内元素可以设置padding和左右的margin
发表于 2022-08-15 17:22:58 回复(0)
不识头像 不识
img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。
行内非替换元素，height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和margin left、right改变宽度。
发表于 2022-08-12 16:53:34 回复(0)
牛客775019124号头像 牛客775019124号
inline行内元素，内联元素不允许设置宽高margin，可以用padding-left，margin-left更改宽高。但时不允许换行

inline-block行内元素，同上，但是增强版--允许设置宽高margin，但是不允许换行

block块级元素，可以设置宽高margin，也但独占一行。

发表于 2022-06-30 15:44:12 回复(0)
矜持的微笑头像 矜持的微笑
行内元素的特点，在一行显示，不支持宽高，不支持margin-top,margin-bottom,不支持padding-top,padding-bottom
，但是可以设置   左右padding、左右margin.
发表于 2022-02-25 21:15:21 回复(0)
牛客504427037号头像 牛客504427037号
答案是错误的，首先对于很多人理解将img 定义为了inline-block 也就是行内块元素，但是我们通过chorme 可以看见定义是一个行内元素，只不过它是一个替换元素，所以可以设置宽高，所以此题存在问题，个人认为答案应该没有A
发表于 2022-02-22 11:34:34 回复(0)
忘魂儿头像 忘魂儿
首先inline-block不会独占一行 其次行内元素无法设置宽高但是可以设置padding和左右margin 最后本身是块级元素的可以设置宽高，padding，margin等，但是会自动换行
发表于 2021-09-27 14:57:54 回复(0)
努力努力努力努力努力再努力头像 努力努力努力努力努力再努力
inline：可以设置左右margin，padding。但是不能设置上下的margin，padding。 行内快元素和块级元素都可以设置任何方向的margin，padding。
编辑于 2021-09-06 10:00:49 回复(1)
提交观点

问题信息

CSS 前端工程师 2019 蘑菇街 HTML
上传者：小小
难度：
23条回答 2831浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号