点晴MIS内部交流论坛 加入收藏
新手上路
论坛搜索
 您的位置:点晴MIS系统问题答疑『 经验分享&问题答疑 』浏览当前帖子  
登 陆注 册论坛帮助  

  网站搜索
  搜索范围: 搜索方式: 关键词(可用空格分开)  

  作者及文章信息: 本文热度:74 % 
admin

积分:73145
等级:网站管理员
文数:13811
注册:2004-7-20

 信息   留言   主页   编辑   引用    

楼 顶 

 css怎么让文字和多个div在同一行显示


两个div在同一行显示的方法:
1、给两个div元素设置“display:inline;”或“display:inline-block;”样式,让其转变为内联元素或行内块元素即可。
2、给两个div元素设置“float:left;”样式即可。

方法1:使用display属性让其转变为内联元素或行内块元素

display属性用于定义建立布局时元素生成的显示框类型。

  • display:inline;:元素会被显示为内联元素,元素前后没有换行符。

  • display:inline-block;:元素会被显示为行内块元素,元素前后没有换行符。


方法2:使用float让Div并排显示

我们对div设置一个float浮动属性即可解决不并排显示,只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。

  离 线  2022/9/9 10:41:17 
  本文章共有 0 页, 0 张回文,每页有 10 张回文 >> [ ]
页码:  
Copyright 2003-2022 ClickSun All Rights Reserved