2016-08-23 56 views
0

我有這樣的:如何在設置爲「正常」時獲得絕對線寬?

<p id="p1" style="line-height:normal"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</p> 

,我需要增加的line-height一個像素。 如何在設置爲「正常」時獲得絕對線寬?

ar lh=$('#paraph').css('line-height'); 
+0

[如何使用Javascript(jQuery)確定'line-height'?](http://stackoverflow.com/questions/1185151/how-to-determine-a-line-height-using- javascript-jquery) –

回答

0

確定我寫這段代碼,它在Chrome中正常工作

$('#lineHeightInc') 
    .click(function() { 
     var box = GetSelectedBox(); 
     var ct = box.data('LineHeight'); 
     if (isNaN(ct)) 
      ct = 0; 
     ct++; 
     box.css('line-height', (parseFloat(box.css('font-size')) * 1.61 + ct) + 'px'); 
     box.data('LineHeight', ct); 
    }); 
$('#lineHeightDic') 
    .click(function() { 
     var box = GetSelectedBox(); 
     var ct = box.data('LineHeight'); 
     if (isNaN(ct)) 
      ct = 0; 
     ct--; 
     box.css('line-height', (parseFloat(box.css('font-size')) * 1.61 + ct) + 'px'); 
     box.data('LineHeight', ct); 
    }); 

如果任何人有更好的解決方案,我會很高興知道這一點。

0

如果這是可能的,你只需要改變行高至100%,試試這個:

HTML:

<p id="p1" style="line-height:100%"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</p> 

的jQuery:

var lh = $('#p1').css('line-height'); 
$('#p1').css('line-height', parseFloat(lh, 10) + 1 + 'px'); 

https://jsfiddle.net/7yf43j43/8/

+0

仍然沒有得到https://jsfiddle.net/3xvq48zo/4/請再次檢查它謝謝 –

+0

@HassanALi看看這個:https://jsfiddle.net/7yf43j43/3/ –

+0

@MohammadReza「正常」字符串作爲返回值無法分析到浮點數! –

相關問題