a标签超出问题

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;

你可能感兴趣的:(a标签超出问题)