使用 D3 设置最大高度属性

谁能解释为什么在下面的脚本中，右侧文本元素在其高度参数方面的行为

方式与左侧不同？

（这是一个精简的脚本 - 看看在这里工作是jfiddle）

<html>
<style>
#leftbox, #rightbox
{
  width:300px; 
  padding:3px;
  background:#bbb;
  overflow:auto;
}
#leftbox  {
    float:left;
    max-height: 200px;
}
#rightbox {float:right;}
</style>
<div><p id="leftbox">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ... etc
</p></div>
<div><p id="rightbox">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ... etc
</p></div>
<script>
d3.select("#rightbox").attr("max-height", 200).style("color", "red");
</script>
</html>

<小时 />

编辑 13.11.13

工作线：d3.select("#rightbox").style("max-height", "200px").style("color", "red");

HTML在

设置属性时更加挑剔。您需要使用.style()并显式地给出单位"px"才能正常工作 - http://jsfiddle.net/wtYt2/1/

相关内容

最新更新

热门标签：