时间戳

首页 > 解决方案 > 嵌套和元素中的意外空白

javascript - 嵌套和元素中的意外空白

问题描述

标签： javascripthtmlcss

解决方案

发生这种情况是因为解释器将空格和换行符压缩为一个空格。摆脱它的最简单方法是将所有内容浓缩在一行中。

.screenReaderOnly {
    position: static;
    display: inline-block;
    width: 1px;
    height: 0;
    overflow: hidden;
    font-size: 0;
    float: left;
}
<p>Please click on this
  <a href="mailto:XXX@XXX.XXX">link<span class="screenReaderOnly">Opens in new mail window</span></a>.</p>

推荐阅读