div内元素不在一行的问题解决方法

让div内两个元素直接浮动向同一方向即可，然后设置一下两个元素的间距，即可解决该问题代码如下：

        <div><input id="lxmc" type="text" name="title" required  lay-verify="required" style="width: 30%;float:left;nav-right: 10px;"placeholder="请输入组织类型名称" autocomplete="off" class="layui-input"><button class="layui-btn layui-btn-primary" style="float:left;" id="searchBtn"><i class="layui-icon"></i></button></div>

以上，使用float进行浮动的操作，使用nav-right属性设置间距。

div内元素不在一行的问题解决方法相关推荐

文档流及其特性块级元素与行内元素的区别浮动的清除方法（解决浮动塌陷）
标准文档流 web页面的制作,是一个"流",必须从上到下,像是"织毛衣". 标准文档流的特性 1.空白折叠现象无论有多少个空格,换行,tab,都会折叠成一个空 ...
盒模型，块状元素，行内元素
盒子模型: css盒模型分为两种,一种是遵循w3c标准的标准盒模型,另一种是IE盒模型. 标准盒子模型 IE盒子模型通过上面两张图可以看出,两种盒子模型都包括padding,margin,borde ...
[HTML/CSS]盒子模型，块级元素和行内元素
目录概述盒子模型块级元素行内元素可变元素总结概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...
5、HTML块级元素及行内元素
在 HTML 中,标签(tag)通常又被称作元素(element).例如 <a> 标签又叫做 <a> 元素,<p> 标签也叫作 <p> 元素. HTML ...
css行内元素和块级元素
2019独角兽企业重金招聘Python工程师标准>>> 块级元素: 特点:独占一行,其宽度会自动填满其父元素的宽度属性:display:block 例子:div p h(12345 ...
CSS中的块级元素、行内元素和行内块元素
元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫"盒子".但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的.比如:div 与s ...
html 盒子模型添加图片,[HTML/CSS]盒子模型，块级元素和行内元素
目录概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏.今天, ...
CSS--块元素和行内元素及行内块元素（外加转换方式）
元素类型根据css显示分类HTML元素被分为两种类型:块元素,内联元素块元素-- block 块状元素(block element) 常见的块级元素有:<div>,<h1> ...
专题 | 块级元素行内元素行内块元素
它们本身的宽度如何计算高度如何计算----当时的想法是? 以后补他们三个能否嵌套块级元素行内元素还有特殊的a标签块级元素块级元素高由内容撑起,宽默认100%,可以自己设置元素宽高. 块级元 ...

div内元素不在一行的问题解决方法

div内元素不在一行的问题解决方法相关推荐

最新文章

热门文章