Jquery 正确地在div内进行h2测试
有没有办法修复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的
.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;
哦,你给我的最后一个代码成功删除了我想我会删除