a标签超出问题

2018-12-18  本文已影响0人  钰涵同学

1、内容超出换行

在html的a标签中,当内容过多的时候 ,如果是英文不会造成换行,如果希望内容换行,在a标签的样式中加入word-wrap:break-word;

如果是中文会造成换行,如果不希望内容换行,在a标签的样式中加入;white-space:nowrap;

2、a标签超出以后显示省略点

display:block;

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

两行超出隐藏

overflow: hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

上一篇 下一篇

猜你喜欢

热点阅读