odoo开发笔记：前端显示强制换行

未调整之前：客户信息显示不全

调整后实现效果：

补充CSS知识：

一、强制换行
1 word-break: break-all; 只对英文起作用，以字母作为换行依据。2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。3 white-space: pre-wrap; 只对中文起作用，强制换行。word-break:break-all 和 word-wrap:break-word 都是能使其容器如DIV的内容自动换行，它们的区别在于：1、word-break:break-all
假设div宽度为450px，它的内容就会到450px自动换行，如果该行末端有个很长的英文单词，它会把单词截断，一部分保持在行尾，另一部分换到下一行。2、word-wrap:break-word
例子与上面一样，但区别就是它会把整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉。二、禁止换行 1 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
white-space:nowrap; 是禁止换行。
overflow:hidden; 是让多出的内容隐藏起来，否则多出的内容会撑破容器。
text-overflow:ellipsis; 让多出的内容以省略号...来表达。但是这个属性主要用于IE等浏览器，Opera浏览器用-o-text-overflow:ellipsis; 而Firefox浏览器没有这个功能，多出的内容只能隐藏起来。

补充：http://blog.csdn.net/shangs2010/article/details/7075164

转载于:https://www.cnblogs.com/hellojesson/p/7736646.html

odoo开发笔记：前端显示强制换行相关推荐

odoo开发笔记 -- 异常、错误、警告、提示、确认信息显示
odoo开发笔记 -- 异常.错误.警告.提示.确认信息显示参考文章: (1)odoo开发笔记 -- 异常.错误.警告.提示.确认信息显示 (2)https://www.cnblogs.com/he ...
odoo开发笔记--一个模块显示两个一级菜单
场景描述: 在已启动开发的模块中,odoo顶部一级菜单只有一个"会员管理",需求是:在同一级顶部菜单,增加新菜单"产品管理".举例如图: 处理方式: ...
odoo开发笔记 -- 官方模块一览表
模块名称技术名称作者电子发票管理 account OpenERP SA 会计与财务 account_accountant OpenERP SA 合同管理 account_analytic_ana ...
odoo开发笔记 -- 翻译机制及导入.po文件
待补充 http://ju.outofmemory.cn/entry/181972 转载于:https://www.cnblogs.com/hellojesson/p/9210019.html
开发模型的理解：瀑布模型/增量式/迭代/敏捷开发——笔记
首先,不管采用何种开发模型.软件开发都至少具有以下的周期,包括: 需求获取/分析(系统分析.软件分析) 设计实现测试发布(运行) 维护正在上传-重新上传取消既然所有的开发模型都具有相同的开发 ...
odoo前端文字强制不换行
补充CSS知识: 复制代码一.强制换行 1 word-break: break-all; 只对英文起作用,以字母作为换行依据. 2 word-wrap: break-word; 只对英文起作用,以单 ...
Android开发笔记（一百四十）Word文件的读取与显示
读取纯文本现在手机的用途越来越广泛,从原来只有通讯功能的电话,到拍照手机,到上网手机,再到办公手机,可谓是无所不能了.说到办公,除了收发邮件,还有个频繁使用的功能,就是处理word文件.电脑上的of ...
顾川的前端学习笔记--前端开发基础
阶段一前端开发基础初始HTML 本阶段重难点 3.29小时40小节4个模块 CSS选择器盒模型 CSS三大特性浮动和清楚浮动 CSS四种定位 CSS进阶 CSS3 前端工程师需要会的PS取图案 ...
web前端开发笔记46-71，78-83 2022/11/04
web前端开发笔记一.标签群组通配等选择器(TAG) 1.标签选择器 2.群组选择器(不同标签) 3.通配选择器(一锅端) 二.层次选择器 - 后代():M N - 父子:M > N - 兄弟 ...

odoo开发笔记：前端显示强制换行

odoo开发笔记：前端显示强制换行相关推荐

最新文章

热门文章