Question

<div class="HL_iconCont">
    <ul id="dates">
        <li>
            <a href="#HomeworkHelp">
                <div class="topicIconCont homework_1"><br />
                    Homework Help
                </div>
            </a>
        </li>
        <li>
            <a href="#Accounting">
                <div class="topicIconCont homework_2">Accounting<br />
                    Homework Help
                </div>
            </a>
        </li>
        <li>
            <a href="#Economics">
                <div class="topicIconCont homework_3"> Economics <br />
                    Homework Help 
                </div>
            </a>
        </li>
    </ul>
</div>

我有<div>名为topicIconCont的{{1}}标记width:auto;。我还为每个<li>标记使用了多个类，因为它包含不同的图标图像。现在我想打破图标图像下方<li>处写的句子，我不能在其间使用<div>，<br>或<span>标记，因为该行直接来自数据库。

例如：代码中的这个 -

<p>

有没有办法在不使用Accounting<br /> Homework Help标记的情况下中断会计？我可以通过CSS管理这个吗？虽然我尝试了<br>财产，但它仍然无效。我也无法修复它的宽度，因为它正在重复，内容可能会有所不同。请尽快提出建议，我该如何解决？

此致

Nidhi

Answer 1

首先，像<div>这样的块级别元素在内联元素（如<a>）内无效。使用跨度或类似内联的东西。

其次，只需使用CSS在div上设置padding-top，这样内容就可以从div的顶部开始任意数量的方式，让你的图标显示得很好。

Answer 2

使用此属性white-space: normal !important和div的适当宽度。如果不使用其中一个分隔符元素（span，div，..），则无法破坏 CSS 中的文本。或者您可以使用Javascript ---在文本末尾使用特殊字符（@，*，..），找到它并中断文本。

Answer 3

你试过this吗？

<p>Line1</p>
<p>Line2</p>

另一种不使用br而突破css的方式？

3 个答案: