Inline-block

释义 Definition

inline-block（形容词/值，常见于 CSS）：行内块级。元素在布局上像“行内元素”一样可以与文字/其他元素排在同一行，但同时又像“块级元素”一样可以设置宽度/高度，并保留一定的盒模型特性（如 padding、border）。

发音 Pronunciation (IPA)

/ˈɪnlaɪn blɑːk/

例句 Examples

Set the buttons to inline-block so they sit on one line.
把按钮设为 inline-block，这样它们会排在同一行。

Unlike inline elements, an inline-block can have a fixed width while still flowing with the text.
与纯 inline 元素不同，inline-block 可以有固定宽度，同时仍然随文本流动排列。

词源 Etymology

由 inline（行内的） + block（块） 组合而成，是网页排版与 CSS 术语，用来描述一种“介于行内与块级之间”的显示方式：外部表现像行内，内部尺寸特性像块级。

相关词 Related Words

• Block
• Inline
• Display
• Flex
• Grid
• Float
• Width
• Padding

文学与作品中的用例 Literary / Notable Works

inline-block主要属于计算机与前端工程术语，较少出现在传统文学作品中；更常见于技术写作与规范文档，例如 W3C 的 CSS 规范文档、以及前端经典教材与手册（如 CSS 相关权威参考书与开发者文档）中。