使用Div自动换行一事

自己还是对css或者html方面太差，今天发现使用Div后导致了换行，仔细一查原来这是规范，换成span即可。

DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。

而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

行内元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作用；

而块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。

使用Div自动换行一事相关推荐

div自动换行word-break:break-all和word-wrap:break-word的区别
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行. 它们的区别就在于: 1,word-break:break-all 例如div宽 ...
div 自动换行_js自动打字--autotypejs
autotypejs use for typing automatically. 介绍使用原生JavaScript(es6)实现的自动打字效果. 效果图示例代码(vue): < 用法获取: ...
el+vue实战 ② 在el-table中的每一行加上头像/图片；去掉div标签自动换行问题；el-table表格中实现字数限制，只显示一行
处理之前: 处理之后: 1.在el-table中的每一行加上头像/图片 <el-table-column prop="customerName" label="姓名 ...
div(table)自动换行word-break:break-all和word-wrap:break-word的区别
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行. 它们的区别就在于: 1,word-break:break-all 例如div宽 ...
div标签和span标签区别
<div>标签和<span>标签的异与同相同的地方: 都是成对标签例如<div></div><span></span> 都可以 ...
html flex自动换行,css flex布局超长自动换行的示例代码
要创建一个 flex 容器,只需要将一个 display: flex 属性添加到一个元素上. 默认情况下,所有的直接子元素都被认为是 flex 项,并从左到右依次排列在一行中. 如果 flex 项的宽 ...
Ext2.0 form使用实例
Ext2.0的form不单增加了时间输入控件.隐藏输入控件,还修改了创建方法,通过formpanel代替了原来form,column也根据新的布局定义更新了定义方式.总体来说,定义一个form更简单便 ...
html简介及常用标签
目录一.html的简介 1.什么是html? 2.第一个html程序 3.html的规范(遵循) 4.html的操作思想二.html中常用的标签 1.文字标签和注释标签 2.注释标签 3.标题标签 ...
黑马程序员就业班第一天的总结以及自己的看法
就业班第一天的内容:html 个人感觉东西蛮多的,,要记下来的内容也蛮多的,总结的内容大概如下:HTML 1.html的简介 (1)什么是html?HyperText Mark-up Lang ...
前端基础（HTML、CSS、JS）
前端基础(HTML.CSS.JS) 1 HTML 1.1 文件标签 1.2 排版标签 1.3 字体标签 1.4 列表标记 1.4.1 有序列表 1.4.2 无序列表 1.5 图片标签 1.6 超链接标 ...

使用Div自动换行一事

使用Div自动换行一事相关推荐

最新文章

热门文章