发表于： 2019-06-14 23:29:07
1 795
今天完成的事：
解决了页面过窄时，左侧年月日的文本没法被标签挤压到，我的错误效果是，把左侧文本单独放在一个盒子里
跟右侧文本隔了两个边框，当出现过窄时左侧文本会被父元素框约束的换行，不能被裁减隐藏。
明天计划的事：
完成任务7 第一个页面，思考任务6的深度思考
遇到的问题：
对任务的整体布局考虑不周，在实现页面过窄出现省略号要求时无法实现，当出现过窄时左侧文本会被父元素框约束的换行，不能被裁减隐藏。为了解决这一问题，我对代码布局进行了重构，从原来的水平排列布局改成了垂直 排列布局，使
2015-7-5至2015-7-12
文本和
文本被同一个父元素包裹，当页面出现过窄时，两个标签可以直接碰撞挤压，实现了出现省略号的效果。
收获：
加深了对white-space：nowrap；overflow：hidden;text-overflow：ellipsis;的理解
white-space：nowrap；表示文本不会换行，在同一行继续，知道遇到标签为止；
overflow：hidden;不显示超过对象尺寸的内容，就是把超出的部分隐藏了；
text-overflow：ellipsis;当文本对象溢出是显示...。
对整体布局的思路，有了一个规范。
返回列表
评论