Question

我试图获取包含图像的文本元素的高度。

包含文字和两张图片的段落：

<p id="txth">
    <ul>
        <li id="snow">
            <span class="title">Snow</span>
        </li>
        Hello
    </ul>
    <ul>
        <li id="rain">
            <span class="title">Rain</span>
        </li>
        Hello
    </ul>
</p>

CSS：

.title {
  font-size: 17px;
  padding-left: 7px;
}

#snow {
  list-style-image:url("images/snow.png");      
}

#rain {
  list-style-image:url("images/rain.png");      
}

获得高度：

textHeight = sym.$("#txth").height();

如果我没有使用列表，这是有效的，但我不知道如何在不使用列表的情况下编写它。我该怎么做才能获得这一段的高度？

Answer 1

您无法使用元素＆lt; ul＆gt;在＆lt; p＆gt;中，所以它在你的代码中不起作用。

用户跨度或div或文章，而不是使用p。

Answer 2

而不是使用<p>代码而不是使用<div>，因为<ul>和<li>代码在显示属性方面似乎总是会导致问题（{{放置在display:block标签内的1}}或inline。

<p>

我不确定选择器之前的<div id="txth"> <ul> <li id="snow"> <span class="title">Snow</span> </li> Hello </ul> <ul> <li id="rain"> <span class="title">Rain</span> </li> Hello </ul> </div>但是这应该有效。

sym

获取包含文本和图像的段落的高度

2 个答案: