CSS样式中P标签的内容换行属性white-space
2016-07-22 13:56
507 查看
需求描述:在一个div块中包含四个div块,这四个div块每个块都有自己的子元素p标签,这个四个div的宽度是由百分比控制的
问题描述:使用ng-repeat加载一个list集合数据的时候由于某个字段的字符串过长就造成了页面的局部错位,不能上下对齐,所以想让过长的字符串换行显示,这样就不至于页面上造成的错位。
解决办法:在浏览器调试样式发现有个white-space的属性,其值是nowrap(即white-space:nowrap),去掉这个属性时这个字符串就能正常换行,所以通过了解知道nowrap的意思就是文本不会换行,会一直在一行上显示,直到遇到换行标签
,所以最后将white-space的属性值换成了normal(即white-space:normal)
问题描述:使用ng-repeat加载一个list集合数据的时候由于某个字段的字符串过长就造成了页面的局部错位,不能上下对齐,所以想让过长的字符串换行显示,这样就不至于页面上造成的错位。
解决办法:在浏览器调试样式发现有个white-space的属性,其值是nowrap(即white-space:nowrap),去掉这个属性时这个字符串就能正常换行,所以通过了解知道nowrap的意思就是文本不会换行,会一直在一行上显示,直到遇到换行标签
,所以最后将white-space的属性值换成了normal(即white-space:normal)
相关文章推荐
- css input[type=file] 样式美化,input上传按钮美化
- How to make an icon spin with CSS
- CSS属性选择器_鼠标点击出现列表
- js:获取css参数值
- 用CSS制作登录界面
- css 行框和清理
- css3 box-sizing属性
- CSS3 @media 查询
- Selectivizr-让IE6~8支持CSS3伪类和属性选择器
- 组件用户控件引用样式资源(二)---代码引用
- css 定位与行框&行内框
- CSS RESET简述
- CSS reset,去掉默认格式的css代码
- css空箭头的样式
- 分享css 填坑常用代码(未测试)
- css 框模型要点
- 使用lazyload在js中动态加载其他的js和css
- CSS3计算calc和vw单位巧妙实现滚动条出现页面不跳动
- joup完美抓取非登录网页并引用其样式文件
- 【8】CSS3新增属性