小编Pra*_*ain的帖子

如何为img标签的alt属性编写css(分词:break-all属性在IE中不起作用)

我在锚标记内有一个 img 标记。ancher 标签位于 div 标签内。我正在使用 img 标签的 alt 属性。alt 属性的值是长度为 68 个字符的文本。我的问题是 alt 属性值(文本)超出了 div 并且隐藏在 IE 中。我的意思是,在显示几个字符后,通常会隐藏或裁剪其余字符。这是我的 html 代码片段。

<div class="products">
    <div class="prod-image"  id="catEntryImage">
        <div class="prodClass" id=WCCE>
           <a><img alt="some text total around 70 character" src="someURL"/></a>
           <P class=gasCode></P>
        </div>
   </div>
   <div class="prod-content"></div>
   <script type="text/javaScript"></script>
</div>
Run Code Online (Sandbox Code Playgroud)

给定 html 片段的 CSS

div {
    line-height: 1.4em;
    word-break: break-all;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

img {
    text-decoration: none;
    border:0;
}

a {
    color: …
Run Code Online (Sandbox Code Playgroud)

html css dojo internet-explorer

2
推荐指数
1
解决办法
2836
查看次数

标签 统计

css ×1

dojo ×1

html ×1

internet-explorer ×1