javascript - 如何将元素的宽度设置为窗口宽度的一半

Question

我试图使用下限函数自动生成舍入值，但它保持静态。您能帮助我如何改进我的代码吗？非常感谢。

jQuery:

$(document).ready(function() {

    width_split = $(document).width();
    width_split = Math.floor(width_split / 2);

    $(document).resize(function() {
        width_split = $(document).width();
        width_split = Math.floor(width_split / 2);  
    });

});

HTML:

<p style="position:absolute; right:"+width_split+"px;">
   .content
</p>

Answer 1

您必须在 JS 中设置正确的值，而不是在 HTML DOM 中

尝试:

HTML:

<p id="mypar" style="position:absolute;">
   .content
</p>

JS:

$(document).ready(function(){

  width_split = $(document).width();
  width_split = Math.floor(width_split / 2);
$(document).resize(function(){
  width_split = $(document).width();
  width_split = Math.floor(width_split / 2);  
  $('#mypar').css("right", width_split+'px');//ADD THIS
});

$('#mypar').css("right", width_split+'px');//ADD THIS
});

DEMO