美文网首页
a标签超出问题

a标签超出问题

作者: 钰琦同学 | 来源:发表于2018-12-18 17:17 被阅读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;

相关文章

  • a标签超出问题

    1、内容超出换行 在html的a标签中,当内容过多的时候 ,如果是英文不会造成换行,如果希望内容换行,在a标签的样...

  • 解决pre标签宽度超出的问题

    pre{ white-space:pre-wrap; white-space:-moz-pre-wrap; whi...

  • a标签超出以后隐藏并且显示省略点

    两行超出隐藏 注意:非原创a标签超出以后隐藏并且显示省略点

  • span标签设置color属性ios中显示异常

    问题描述: 给span标签设置了color,但是超出屏幕外的部分进入屏幕不会渲染颜色 效果: 解决方案: 将spa...

  • 小屏时出现水平滚动条

    原理子标签超出父标签的宽度 实现方法为父标签设置:overflow:auto固定子标签的宽度,使其与选项卡的宽度和...

  • phonegap config之preference

    preference标签 //设置是否禁止滑动超出范围,此时会在超出部分显示黑色背景。在ios下如果设置为true...

  • 超出部分隐藏问题

    css问题:在做项目的时候,我们经常会需要设置超出部分省略,可是这里面有一些问题,大家知道吗?单行超出部分隐藏: ...

  • html

    超文本编辑语言超文本:超出文本的范畴标记:html所有的操作都是标记,标记就是标签<标签名称>网页语言: html...

  • 样式问题

    1.文本超出变省略号 给父元素标签设置属性 overflow: hidden; text-overflow:...

  • css:文字超长后显示为 "..."

    给定宽度(即块级元素)的标签,内容过多时会自动换行显示 此时,需要显示单行内容的标签中超出的文字就会显示成 “.....

网友评论

      本文标题:a标签超出问题

      本文链接:https://www.haomeiwen.com/subject/hsblkqtx.html