Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 正确地在div内进行h2测试_Jquery_Html_Css - Fatal编程技术网

Jquery 正确地在div内进行h2测试

Jquery 正确地在div内进行h2测试,jquery,html,css,Jquery,Html,Css,有没有办法修复div中的h2文本 .desc{ 宽度:100px; 高度:20px; 字体:塔荷马; 颜色:#000; 浮动:左; 文本阴影:0px 1px 5px#000; } .描述p{ 字体风格:普通; 字号:100; 颜色:#000; 填充:0; 保证金:0; 文本阴影:0px 1px 5px#000; } .描述h2{ 保证金:0; 填充:0; 字体大小:11px; } 你好,世界 好,下面是我的新答案,用一些javascript来证明我的观点: 将内联样式添加到会将div的

有没有办法修复div中的h2文本

.desc{
宽度:100px;
高度:20px;
字体:塔荷马;
颜色:#000;
浮动:左;
文本阴影:0px 1px 5px#000;
}
.描述p{
字体风格:普通;
字号:100;
颜色:#000;
填充:0;
保证金:0;
文本阴影:0px 1px 5px#000;
}
.描述h2{
保证金:0;
填充:0;
字体大小:11px;
}


你好,世界


好,下面是我的新答案,用一些javascript来证明我的观点:

将内联样式添加到
会将div的高度更改回11px

<body onload="getLineHeight();">
<div class="desc" id="height2">
            <p>
            <h2 id="height1">Hello World</h2>
            </p>
        </div>
<div class="desc" id="height4">
            <p> 
            <h2 id="height3" style="line-height: 11px;">Hello World</h2>
            </p>
        </div>

<script>
function getLineHeight(){
   var temp = document.getElementById('height1');
   var temp1 = document.getElementById('height2');
   var temp2 = document.getElementById('height3'); 
   var temp3 = document.getElementById('height4');  

   var ret = temp.clientHeight;
   var ret2 = temp1.clientHeight;
   var ret3 = temp2.clientHeight;
   var ret4 = temp2.clientHeight;
   alert("current line height"+ret+"  current div height"+ret2);
   alert("after my fix line height"+ret3+"  div height"+ret4); 

}
</script>
</body>


你好,世界

你好,世界

函数getLineHeight(){ var temp=document.getElementById('height1'); var temp1=document.getElementById('height2'); var temp2=document.getElementById('height3'); var temp3=document.getElementById('height4'); var ret=温度clientHeight; var ret2=temp1.clientHeight; var ret3=temp2.clientHeight; var ret4=temp2.clientHeight; 警报(“当前行高度”+ret+“当前分区高度”+ret2); 警报(“在我的固定线高度之后”+ret3+“div height”+ret4); }
是块标记,与
相同。您不需要同时使用这两种样式,因此请选择一种来删除和合并您的CSS样式,例如:

.desc p {
  font-style: normal;
  font-weight: 100;
  color:#000;
  padding: 0;
  margin: 0;
  text-shadow: 0px 1px 5px #000;
  font-size: 11px;
}

你有一个
高度:20px
.desc
声明。我不知道你说的是什么,它不会保持在我想要的尺寸上,我想要高度为20px的div。但是它保持在51px上
是一个块标记,与
相同。你不需要两者,所以选择一个来删除和合并你的CSS样式,例如:
.descp{font-style:normal;font-weight:100;color:#000;padding:0;margin:0;text-shadow:0px 1px 5px#000;font-size:11px;
哦,你给我的最后一个代码成功删除了我想我会删除