`

CSS td里面两个input不换行设置(white-space: nowrap)

    博客分类:
  • CSS
 
阅读更多
定义和用法

white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。


可能的值
值 描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。





分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    css文本换行属性word-wrap和white-space使用总结

    今天碰到了td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,顺便看了一下文本换行的属性word-wrap,总结如下: white-space的默认只是normal,自动换行。 word-break:break-all和word-wrap:...

    CSS自动换行

    在前端开发领域,尤其是网页布局设计中,自动换行是一个至关重要的功能,它能够确保文本在不同的屏幕尺寸或容器宽度下能够自适应地显示,避免文本溢出或排版错乱的问题。本文将深入探讨五种不同的自动换行策略,这些...

    三星9305收索

    white-space:nowrap;overflow:hidden}.bdsug .bdsug-direct p img{width:16px;height:16px;margin:7px 6px 9px 0;vertical-align:middle}.bdsug .bdsug-direct p span{margin-left:8px}.bdsug .bdsug-direct p i{...

    css-text 教程

    **间距与对齐**:这两个属性可以结合起来使用,创建出独特的视觉效果。例如,结合`text-align: justify;`和适当的`letter-spacing`可以实现更为均衡的文本布局。 ##### 4. 文本转换 **文本转换**:`text-transform...

    CSS+DIV编写经验总结之CSS样式小模板

    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } ``` - **作用**:当内容超出容器宽度时,自动隐藏超出部分并显示省略号。 - **应用场景**:适用于导航栏、列表项等需要限制文字长度的场景...

    html学习记录总结

    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ``` - **多行文字溢出**: ```css overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; ...

    仅限于自己用的web前端面试题

    - 可以使用 CSS 的 `text-overflow: ellipsis` 属性结合 `white-space: nowrap` 和 `overflow: hidden` 实现。 ### 十二、使用 CSS 绘制向右的三角形 - 可以使用伪元素 `::before` 或 `::after` 结合 `border` 属性...

    javascript 使用技巧

    但是请注意,`nowrap`已不再推荐使用,现代浏览器更推荐使用CSS样式`white-space: nowrap;`来替代。 #### 3. 获得客户端文件大小 利用HTML元素的`onmouseover`事件,可以在鼠标悬停时显示图像文件的大小: ```...

    跨浏览器开发经验总结

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

Global site tag (gtag.js) - Google Analytics