`
ag4444
  • 浏览: 34751 次
  • 性别: Icon_minigender_1
  • 来自: taiyuan
社区版块
存档分类
最新评论

Span 不换行

阅读更多

Span 不换行

span标记的样式设定width属性,会发现不会产生效果。

如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。

元素display属性的常见值说明:

block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。

分享到:
评论

相关推荐

    浅析css html span 块状不换行问题

    span标记的样式设定width属性,会发现不会产生效果。 如果设置display:block,width属性生效,但是此时的span跟div一样了。 如果设置display:inline-block,则span并列在同行,而且width属性生效。 元素display...

    div中加入span右对齐后出现换行显示两种解决思路

    div中加入span右对齐后,出现了换行问题,一般思路的话一定是认为通过分开两列,一个align=left,另一个align=right;很是疑惑,于是利用闲暇时间,搜索整理下,晒出来与大家分享,希望可以帮助你们

    Messagebox()如何换行

    方式一: Text to cc Noshow 第 1 行…………………. 第 2 行…………………. ... …………………. 第 <<nn>>行…………………. EndText MessageBox(cc,0,'关于如何换行')

    div中英文无法自动换行的解决办法

    但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大小。 原因:这是因为div中,英文字母之间没有空格的话,它会默认认为这是一个...

    css给span加float:right右浮动后内容换行下移

    在div css布局中 当span标签右浮动时会产生换行狭义的现象,于是网上搜集整理一下,晒出来和大家分享,希望可以帮助你们

    CSS实现强制不换行、自动换行、强制换行的css代码

    强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; word-break:normal; } 强制英文单词断行 p { word-break:break-all; } *注意:设置强制将英文单词断行,需要将行内元素设置为块级...

    CSS 网页内容换行控制

    在进行DivCSS布局时,需要对文本进行控制,我们在jb51.net以前的文章中,也...CSS中控制换行的四种属性。 一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。[code]语法: white-space : normal |

    CSS文本超出div或者span时用省略号代替

    在项目中我们经常需要在文本过长时显示,将文本超出的部分内容用省略号代替: 思想为: 首先设置宽度,然后让超出的部分隐藏 如果有超出则在最后显示省略号 让文本不换行 具体css代码为: 复制代码代码如下:.title{...

    CSS之float在IE浏览器下换行问题解决方法

    a标签float在IE等浏览器下换行的情况想必大家都有遇到过吧,解决方法很简单,就是把a标签放在文本前面,下面是具体的示例,需要的朋友了解下

    Asp.Net文本换行

    Asp.Net文本换行

    深入理解DIV和SPAN的区别

    Span的宽度依照包围着对象的宽度而定,所以不能用宽度属性width设置span标记内对象的宽度,但可以设置span的margin(外补丁)值,span中的对象位置与父对象的距离 l Div 块元素 100% 会换行 l Span 行内元素 ...

    js计算字符个数回车换行兼容所有浏览器.rar

    <!DOCTYPE ...<...<head> <... charset=utf-8" /> ...您当前输入了<span id="zfid" </body> </html>

    CSS DIV元素与SPAN元素的区别

    而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 块元素相当于内嵌元素在前后各加一个 换行。其实,块元素和行内元素也不是一成 不变的...

    span设置text-indent不起作用的原因及解决方法

    }后发现并没有起作用,这是因为text-indent只能给块级元素设置,但是如果让span{display:block}时,就会换行,还得通过浮动来控制,增加了麻烦,所以改css为span.t-i{text-indent:-999px;display:inline-block;}

    SPAN和DIV,Class与ID的区别汇总

    而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 <span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,</span><span>它的唯一...

    JavaScript 撑出页面文字换行

    首先,我们在页面上找一个span元素,用它来装载字符,然后通过它的宽度,来得到字符的显示宽度 2. 然后,我们在显示一个字符串的时候,就可以利用前面得到的字符宽度,计算出每个字符串的宽度 3. 在此基础上,计算...

    Web前端开发基础:CSS制作电子相册.ppt

    div与span的区别在于,div是一个块级(block-level)元素,它包围的元素会自动换行, 而span仅仅是个行内元素(inline elements),不会换行。 span没有结构上的意义,当其 他元素都 不合适的时候可以换上他,同时div...

Global site tag (gtag.js) - Google Analytics