美文网首页
设计师要求文字必须排满一行?

设计师要求文字必须排满一行?

作者: kofzx | 来源:发表于2019-12-16 10:19 被阅读0次

不知平时工作中,大家有没有遇到跟笔者相似的情况:设计图纸上某句话必须是一行显示的,实际实现却偏偏因一个字而换行。比如:某设计图纸是这样的:


capture1.png

咋一看似乎没什么难度嘛,很普通的布局而已,很容易让人想到给盒子上下左右padding基本就完事儿了。不知大家注意到图中的小蓝线没有,也就是说,如果给盒子右的padding一个固定值,那么必然会导致第五行文字(最后一行)的“有”(最后一字)会换行。
即真实实现的样子:


capture2.png
真是理想与现实的差距呀。那么怎样还原设计图呢?一开始笔者想到的是很硬核的实现:absolute。但。。。真的很硬核,真想直接告诉设计师实现不了。然而问题的解决方案往往比想象中的容易,那就是使用我们今天的主角:white-space
/*仅作用于第五行文字*/
white-space: nowrap;

竟然一句话就搞定了呢,所以有时遇到问题还真应该冷静去思考分析呢,今此做下记录,帮助遇到类似问题的小伙伴。

相关文章

  • 设计师要求文字必须排满一行?

    不知平时工作中,大家有没有遇到跟笔者相似的情况:设计图纸上某句话必须是一行显示的,实际实现却偏偏因一个字而换行。比...

  • App中点击查看全部内容

    展开全文 要求必须和文字同一行末尾加上按钮 Github-Demo

  • UICollectionView 一行cell如何左对齐

    问题描述: 当要求UICollectionView中cell宽度自适应,高度固定,系统会自动将cell排满每一行,...

  • 文字一行展示

    要求: 文字一行展示, 如果展示不开, 显示省略号

  • TextView设置drawableLeft后设置间距

    问题复原 UI设计师给的图,图片文字在一行 怎么整 我直接使用的TextView的drawableLeft属性,直...

  • Android布局界面之FlowLayout布局(流式布局)

    java的布局中最为简单的便是FlowLayout流式布局,组件按照设置对齐方式从左向右排列,一行排满到下一行继续...

  • mysql设计3范式

    1.第一范式:要求有主键,并且要求每一个字段原子性不可再分 关于第一范式,每一行必须唯一,也就是每个表必须有主键,...

  • UISearchBar修改placeholder - 2021

    最近项目中用到了系统自带的UISearchBar,应UI设计师要求需要修改placeholder的文字颜色,网上全...

  • 设计网站

    设计师是需要很高的素质要求的专业。想成为设计师必须先从日常培养美学修养、知识面、对各行各业都需要有一定了解,可以说...

  • 卡片布局以及鼠标悬浮展示全部

    界面要求 不论视口大小每行显示6个元素,文字超出长显示省略号(暂定显示一行) 当鼠标悬浮的时候,展示所有文字,卡片...

网友评论

      本文标题:设计师要求文字必须排满一行?

      本文链接:https://www.haomeiwen.com/subject/vmyrnctx.html