- 浏览: 611745 次
- 性别:
- 来自: 厦门
-
文章分类
- 全部博客 (669)
- oracle (36)
- java (98)
- spring (48)
- UML (2)
- hibernate (10)
- tomcat (7)
- 高性能 (11)
- mysql (25)
- sql (19)
- web (42)
- 数据库设计 (4)
- Nio (6)
- Netty (8)
- Excel (3)
- File (4)
- AOP (1)
- Jetty (1)
- Log4J (4)
- 链表 (1)
- Spring Junit4 (3)
- Autowired Resource (0)
- Jackson (1)
- Javascript (58)
- Spring Cache (2)
- Spring - CXF (2)
- Spring Inject (2)
- 汉字拼音 (3)
- 代理模式 (3)
- Spring事务 (4)
- ActiveMQ (6)
- XML (3)
- Cglib (2)
- Activiti (15)
- 附件问题 (1)
- javaMail (1)
- Thread (19)
- 算法 (6)
- 正则表达式 (3)
- 国际化 (2)
- Json (3)
- EJB (3)
- Struts2 (1)
- Maven (7)
- Mybatis (7)
- Redis (8)
- DWR (1)
- Lucene (2)
- Linux (73)
- 杂谈 (2)
- CSS (13)
- Linux服务篇 (3)
- Kettle (9)
- android (81)
- protocol (2)
- EasyUI (6)
- nginx (2)
- zookeeper (6)
- Hadoop (41)
- cache (7)
- shiro (3)
- HBase (12)
- Hive (8)
- Spark (15)
- Scala (16)
- YARN (3)
- Kafka (5)
- Sqoop (2)
- Pig (3)
- Vue (6)
- sprint boot (19)
- dubbo (2)
- mongodb (2)
最新评论
定义和用法
white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
可能的值
值 描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
可能的值
值 描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
发表评论
文章已被作者锁定,不允许评论。
-
html pre标签使用(保留空格和回车等操作)
2018-05-15 08:37 2474pre 元素可定义预格式化的文本。被包围在 pre 元素中的文 ... -
js 鼠标移过去渐变的效果(页面固定 定位栏)
2017-10-31 11:29 6421.html代码 <div id="loc ... -
js 在页面中跳转到指定位置
2017-10-24 15:29 13731.页面中代码 <div style="lef ... -
CSS 块对象(独占一行)和内联对象
2016-11-03 10:13 876块对象也称为块级元素,内联元素也称为行内元素 ① 块级元素(d ... -
CSS 点击div的同时显示或隐藏的div
2016-08-16 17:18 637<div id="up"> ... -
CSS NAV页面效果总结
2016-07-11 09:17 648<!DOCTYPE html PUBLIC &quo ... -
CSS 页面置灰等待效果
2016-06-01 11:18 1344<div id='tms-comm-load' st ... -
CSS link和@import的区别
2015-03-11 15:27 589页面中使用CSS的方式主要有3种:行内添加定义style属性值 ... -
Css 表单
2014-12-17 10:50 381table页面 <table style= ... -
CSS 工作总结(nobr标签可以防止换行)
2014-11-22 11:49 642<style type="text/css ... -
CSS 可上下伸缩的PANEL
2014-10-30 19:35 931html代码 <!DOCTYPE html PUB ... -
CSS常用样式总结积累
2014-10-28 20:28 5301.把一个链接设置成一个按钮 .saveButton{ ...
相关推荐
今天碰到了td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,顺便看了一下文本换行的属性word-wrap,总结如下: white-space的默认只是normal,自动换行。 word-break:break-all和word-wrap:...
在前端开发领域,尤其是网页布局设计中,自动换行是一个至关重要的功能,它能够确保文本在不同的屏幕尺寸或容器宽度下能够自适应地显示,避免文本溢出或排版错乱的问题。本文将深入探讨五种不同的自动换行策略,这些...
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{...
**间距与对齐**:这两个属性可以结合起来使用,创建出独特的视觉效果。例如,结合`text-align: justify;`和适当的`letter-spacing`可以实现更为均衡的文本布局。 ##### 4. 文本转换 **文本转换**:`text-transform...
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } ``` - **作用**:当内容超出容器宽度时,自动隐藏超出部分并显示省略号。 - **应用场景**:适用于导航栏、列表项等需要限制文字长度的场景...
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ``` - **多行文字溢出**: ```css overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; ...
- 可以使用 CSS 的 `text-overflow: ellipsis` 属性结合 `white-space: nowrap` 和 `overflow: hidden` 实现。 ### 十二、使用 CSS 绘制向右的三角形 - 可以使用伪元素 `::before` 或 `::after` 结合 `border` 属性...
但是请注意,`nowrap`已不再推荐使用,现代浏览器更推荐使用CSS样式`white-space: nowrap;`来替代。 #### 3. 获得客户端文件大小 利用HTML元素的`onmouseover`事件,可以在鼠标悬停时显示图像文件的大小: ```...
- **div中的文字自动换行问题**:可以使用`word-wrap`或`white-space`属性来控制文本的换行。 - **textarea中的文字自动换行问题**:`textarea`元素默认会自动换行,可以通过CSS属性来调整其行为。 #### 三、...