📜  如何使用 CSS 防止项目列表中的换行符?

📅  最后修改于: 2021-08-30 10:31:31             🧑  作者: Mango

display:inline-block 属性用于显示内联级块容器中的元素。它将元素块转换为内联元素。使用 height 和 width 属性设置内联元素。 display 属性用于防止项目列表的换行。

句法:

element {
    display:inline-block;
} 

例子:

                        

    
        preventline break in list items
        
    
    
        

GeeksforGeeks

        

display:inline-block;

        Subjects Of Computer science:         
                
  • Computer Network
  •             
  • Operating System
  •             
  • Data Structure using C
  •             
  • Object Oriented Programming Concepts
  •             
  • Digital Electronics
  •         
                         

输出:

支持的浏览器: CSS display 属性支持的浏览器如下:

  • 苹果 Safari 3.1
  • 谷歌浏览器 4.0
  • 火狐 3.0
  • 歌剧 7.6
  • 浏览器 8.0