首页 > 试题广场 >

列出display的值并说明他们的作用？

[问答题]
列出display的值并说明他们的作用？
添加回答
太阳煮的酒头像 太阳煮的酒

display：

none：取消样式

block：块级元素

inline：行内元素

inline-block：行内块元素

normal：默认样式

flex：弹性布局

发表于 2019-09-29 10:48:12 回复(0)
拯救世界的光太郎头像 拯救世界的光太郎

normal：默认样式

none： 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 

inline： 指定对象为内联元素。

block： 指定对象为块元素。 

inline-block： 指定对象为内联块元素。

flex： 将对象作为弹性伸缩盒显示。

box： 将对象作为弹性伸缩盒显示。

inline-box： 将对象作为内联块级弹性伸缩盒显示。

grid：网格部局。


关于网格部局，可以看：【强大的display:grid】https://www.jianshu.com/p/41c038baf994

编辑于 2021-03-22 15:45:56 回复(0)
淡然か释怀于心头像 淡然か释怀于心
block：块级元素/显示
inline：行内元素
inline-block：行内块级元素
none：取消样式
normal：默认样式
flex：弹性盒模型
发表于 2017-07-03 15:13:42 回复(0)
火柴哥头像 火柴哥

<p>Display</p><p>none:取消样式</p><p>Block:块级元素</p><p>inline：行内元素</p><p>Inline-block:行内块元素</p><p>normal：默认样式</p><p>flex：弹性布局</p>

编辑于 2020-05-14 15:30:16 回复(0)
偷快递的盒子精头像 偷快递的盒子精
现在是不是该加上display:grid
发表于 2020-01-08 22:07:06 回复(0)
A~ф头像 A~ф
display none block inline
发表于 2019-09-12 11:20:01 回复(0)
xianyusPadding头像 xianyusPadding
  • block: 块级元素，
  • inline: 块级元素，
  • inline-block: 内联块元素，
  • flex: 弹性伸缩盒子显示
发表于 2017-07-02 14:51:02 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
7条回答 2775浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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