使用-webkit-box-flex 实现 一半文本显示完全 一半文本宽度自适应
2016-08-16 20:24
781 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .container { width: 200px; background-color: gray; height: 24px; display: -webkit-box; overflow: hidden; } .dongtai { -webkit-box-flex:1; background-color: red; } .bixu{ background-color: yellow; } </style> </head> <body> <div class="container"> <div class="dongtai">我被压缩了我就认了</div> <div class="bixu">我一定要显示完全</div> </div> </body> </html>
相关文章推荐
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
- 实现Flex的TextArea文本中关键字的高亮显示
- 使用CoreText实现的一个富文本显示组件
- <Unity UGUI>使用c#反射实现UGUI文本显示的国际化
- 实现Recovery模式本地化显示文本定制(recovery_l10n工具的使用)
- 字符串处理是许多程序中非常重要的一部分,它们可以用于文本显示,数据表示,查找键和很多目的.在Unix下,用户可以使用正则表达式的强健功能实现这些 目的,从Java1.4起,Java核心API就引入了java.util.regex程序包,它是一种有价值的基础
- 使用text-overflow:ellipsis实现溢出文本省略号显示无需js
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- flex实现百度库文浏览文档使用word文档转pdf然后再用pdf转swf最后flex页面使用flexpaper显示文库数据
- IOS 使用CoreText实现表情文本URL等混合显示控件
- 用jquery实现弹窗居中、居左、居右显示的效果(完全代码,可立即使用)
- MFC中使用文本控件实现图标和位图的显示
- c#动态设置combobox控件下拉项宽度以实现下拉项文字可以完全显示。
- Flex中对文本实现高亮显示
- [Unity3D]手机3D游戏开发:如何实现最高分的存储与显示(二)----使用GUI.Box显示文字
- css 图片自适应宽度 CSS实现控制图片自适应显示宽度代码
- IOS 使用CoreText实现表情文本URL等混合显示控件
- VB使用Bitblt等函数,源图片不完全显示导致不能实现功能的解决办法