`

如何使DIV 或者 Form不自动换行

    博客分类:
  • WML
 
阅读更多

form整天会自己换行,这不利于我们布局。


可以使用css帮助我们解决这个问题:

form

{

     margin:0px;display: inline

}


margin: 上下左右间隔都设为 0px 
display: inline 此元素会被显示为内联元素,元素前后没有换行符。

其他情况想不换行也是一样的做法: 
<h1> Head Line</h1> 

<h1 style="display: inline;"> 

 

分享到:
评论

相关推荐

    解决layui的input独占一行的问题

    一种方法是对button元素应用position属性进行绝对定位,使其脱离正常的文档流,从而能够放在与input相同的行上。需要注意的是,position属性包括static、relative、absolute、fixed和sticky,这里通常会使用absolute...

    html+css+div 笔记

    - `&lt;pre&gt;`:保留原始格式,不进行自动换行和缩进处理 `&lt;font&gt;`标签用于设置字体,包含`Face`(字体类型)、`Size`(字体大小)和`Color`(字体颜色)属性。 列表分为有序列表`&lt;ol&gt;`和无序列表`&lt;ul&gt;`,列表项用`...

    58同城CSS.pdf

    9. **div样式**:`div` 的宽度设置为100%,并有内边距、背景色、文字颜色、自动换行和单词断行规则。 10. **菜单样式**:`div.menu` 有特定的背景色、左内边距和顶部内边距,用于创建菜单栏。 11. **标题样式**:`...

    asp学习笔记

    p 段落标签,自动换行 块级标签 换行标签 &lt;hr/&gt; 划线标签 b 加粗标签 &lt;ul/&gt; 列表标签,配合li使用 (2/3/4/...)/&gt; 标题标签 table 表格标签 tr 行标签 td 列表签 th 标题标签 *属性: &lt;div solid red;...

    常用div布局命名 和 容易忘记的html代码

    在网页设计中,Div布局是构建网页结构的重要方式,它通过CSS(层叠样式表)控制元素的样式和位置,使网页布局更加灵活且易于维护。本篇文章将深入探讨常用的Div布局命名规范以及一些容易忘记的HTML代码。 一、Div...

    div+css盒子模型标签解析.docx

    - 块级元素默认以`display: block`的方式显示,这意味着它们会独占一行,后面的元素会自动换行到新的一行。 - 常见的块级元素有`&lt;div&gt;`、`&lt;p&gt;`、`&lt;h1&gt;`、`&lt;form&gt;`、`&lt;ul&gt;`和`&lt;li&gt;`等。 - 块级元素的宽度默认为父...

    jquery 插件实现多行文本框[textarea]自动高度

    1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件 代码...

    DIV+CSS网页布局基础-常用HTML标签介绍.rar

    2. **文本内容标签**:像`&lt;p&gt;`用于段落,`&lt;h1&gt;`到`&lt;h6&gt;`表示不同级别的标题,`&lt;strong&gt;`强调文本,`&lt;em&gt;`表示强调或着重的文本,`&lt;a&gt;`创建超链接,` `用于换行,`&lt;span&gt;`用于对部分文本进行样式操作。 3. **图像...

    随手记的div+css的小抄代码

    - ` `: 行内换行,用于强制换行而不形成新的段落。 - `&lt;span&gt;`: 行内容器,常用于应用样式或脚本操作。 3. **列表标签:** - `&lt;ul&gt;` 和 `&lt;li&gt;`: 无序列表及其列表项。 - `&lt;ol&gt;` 和 `&lt;li&gt;`: 有序列表及其...

    昨日测试题答案 大家可以对照下

    例如,`&lt;li&gt;`元素会自动换行,`&lt;a&gt;`标签不能设置宽度属性,`text-align: center;`可以让文本居中,`&lt;li&gt;`不是行内元素,`&lt;table&gt;`用于创建表格,设置表格边框宽度的代码是`&lt;table border=""&gt;`,锚点的正确跳转格式是...

    div+css盒子模型标签解析.pdf

    - 块级元素会独占一行,它们之间的换行是由浏览器自动处理的。例如,`&lt;div&gt;`, `&lt;p&gt;`, `&lt;h1&gt;`到`&lt;h6&gt;`, `&lt;form&gt;`, `&lt;ul&gt;` 和 `&lt;li&gt;` 都是块级元素。 - 块级元素可以设置高度、行高、顶部和底部边距,宽度默认占据其...

    3.3CSS 内容总结(三)浮动.md

    这些元素会按照从左到右的顺序排列,当遇到父元素边缘时会自动换行。 2. **浮动**:浮动能够改变元素标签的默认排列方式,使多个块级元素能够在一行内排列显示。其关键在于“多个块级元素横向排列找浮动”的原则。 ...

    跨浏览器开发经验总结

    - **div中的文字自动换行问题**:可以使用`word-wrap`或`white-space`属性来控制文本的换行。 - **textarea中的文字自动换行问题**:`textarea`元素默认会自动换行,可以通过CSS属性来调整其行为。 #### 三、...

    CSS通用样式基本文档

    - **作用**:允许文本自动换行,防止过长的单词或URL超出容器范围。 - **应用场景**:表单输入框和文本区域的自动换行控制。 #### 五、列表样式 ```css li{ list-style-type:none; } ``` - **作用**:移除列表项前...

    css笔记课程笔记2019,5,22

    * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正EnableMaximize属性不能使Window最大化的BUG,修正了双击标题栏不能最大化的BUG。 -删除Button控件的SystemIcon属性,比如以前这样定义SystemIcon="Close",现在需要这样定义Icon="SystemClose"。 -Window...

    css中display如何使用.docx

    块级元素的特点是它们会独占一行,前后自动添加换行,可以设置宽度(width)和高度(height)。常见的块级元素包括`div`, `p`, `ul`, `li`, `ol`, `form`, `address`等。例如,`div`元素默认就是块级元素,可以通过...

    利用HTML实现一个个人信息表的网页整理.docx

    行内标签,如`&lt;span&gt;`, `&lt;strong&gt;`, `&lt;a&gt;`, `&lt;img&gt;`, `&lt;input&gt;`, `&lt;textarea&gt;`,它们只占据自身内容所需的空间,不会自动换行。例如,`&lt;a&gt;`用于创建链接,`&lt;img&gt;`用于插入图片,`&lt;input&gt;`和`&lt;textarea&gt;`则常用于表单...

    IE与火狐常见的区别

    `来实现自动换行,或者结合JavaScript实现更复杂的文字布局需求。 ### 结论 解决IE与Firefox之间的兼容性问题需要开发者具备扎实的CSS知识和对浏览器特性的深入了解。通过采用现代的Web标准和技术,如Flexbox和...

    login-form

    - `display: flex`和`flex-wrap`属性使容器中的元素在空间不足时换行,实现响应式布局。 - `@media screen and (max-width: some-value)`检查屏幕宽度,应用特定的CSS规则。 5. **链接与资源**: - 在示例中,...

Global site tag (gtag.js) - Google Analytics