你可以使用< wbr>标签.它自然有
decent support,减去IE.
编辑:添加了可能的IE修复,这在IE9中适用于我.
table {
border: 1px solid grey;
width: 50px;
margin-bottom: 10px;
border-spacing: 0;
border-collapse: collapse;
}
td {
border: 1px solid grey;
}
table:last-of-type {background-color: green; color: #FFF;}
/* possible IE fix? */
wbr:after {
content:"";
display: block;
}
without any break hints | somelongemail@domain.com |
with a zero-width space | somelongemail@domain.com |
using the <wbr> tag | somelongemail@domain.com |