代码之家  ›  专栏  ›  技术社区  ›  Sergei Kovalenko

如何获取链接元素的当前大小?

  •  0
  • Sergei Kovalenko  · 技术社区  · 15 年前

    如何在中获取元素的大小 px pt ? 或者我可以使用其他方法吗?我需要做一个 <a href="...">MAKE ME BIGGER</a> 比当前尺寸大130%、140%、N%。

    3 回复  |  直到 15 年前
        1
  •  1
  •   Dave Anderson    15 年前

    如果你使用 em 而是相对于当前大小,请参见; http://www.w3schools.com/css/css_units.asp

    1em等于当前字体大小。2em表示当前字体大小的2倍。例如,如果一个元素的字体为12磅,则“2em”为24磅。“em”是CSS中非常有用的单元,因为它可以自动适应读者使用的字体

    [编辑] 你的标签是锚的一部分,必须是吗?如果您使用构建页面,该怎么办;

    <label class="fixed-font">
      <a class="scaled-font">BIGGER TEXT</a> 
      Normal Sized Text
    </label>
    

    然后创建带有缩放字体的样式,一个固定字体的子选择器,例如。

    label.fixed-font { 
      font-size:12px 
    } 
    label.fixed-font a.scaled-font 
    { 
      font-size:1.6em; 
    }
    
        2
  •  0
  •   Ryan Lewis    15 年前

    也许在 this website

        3
  •  0
  •   Sergei Kovalenko    15 年前

    若要增大文本元素的大小,请在子span中插入元素的所有内容,并将其设置为span style=“font size:N%”:

    function makeBigger(lnk){
      var Span = document.createElement('span')
      for(var i = lnk.childNodes.length - 1; i >=0; i--){
        Span.insertBefore(lnk.childNodes[i], Span.firstChild)
      }
      Span.style.fontSize = '120%'
      lnk.appendChild(Span)
    }
    

    当然,它在这样的结构中不起作用:

    <a ... >MAKE ME BIGGER <label class="some_class_with_fixed_font_size">but not me</label></a>