0 
<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，它与它的width:auto;in<li>标签重复。我还为每个<li>标签使用了多个类，因为它包含不同的图标图像。现在我想打破<div>图标图像下方写的句子，我不能在中间使用<br>,<span>或<p>标记，因为该行将直接来自数据库。

例如：在代码中 -

Accounting<br />
                Homework Help

有什么方法可以在不使用<br>标签的情况下破坏会计？我可以通过css管理这个吗？尽管我尝试word break了财产，但它仍然无法正常工作。我也无法固定它的宽度，因为它在重复并且内容可能会有所不同。请尽快提出任何替代方案，我该如何解决？

问候，

尼迪

4

3 回答 3

1

首先，像块级元素这样<div>的内联元素在<a>. 使用跨度或类似的内联。

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

于 2012-10-20T08:33:56.707 回答
0

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

于 2012-10-20T09:10:01.650 回答
0

你试过这个吗？

<p>Line1</p>
<p>Line2</p>
于 2012-10-20T09:56:10.437 回答