2018-04-11CSS之word-break与overflow

word-break:break-all;
在恰当的断字点进行换行:

word-break: normal|break-all|keep-all;
normal  使用浏览器默认的换行规则。
break-all   允许在单词内换行。
keep-all    只能在半角空格或连字符处换行。

overflow:auto;
overflow 属性规定当内容溢出元素框时发生的事情。
可能有的值为:

visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden  内容会被修剪,并且其余内容是不可见的。
scroll  内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto    如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

在小程序中 边框与下边线很好实现
边框实线:

border:1px solid #eee;

控件的下边线显示:

border-bottom:1px solid #eee;

你可能感兴趣的:(2018-04-11CSS之word-break与overflow)