1

大家好，我正在使用 Bootstrap 和 CodeIgniter 创建一个网站，现在我正在使用 2 侧导航列表设计新闻页面，但我遇到了问题。当我在导航列表上放一个长文本时，文本就出来了。请帮我。

<div class="container-fluid">

<div class="row-fluid">
    <div class="span2"></div>

    <div class="span8"></div>

    <div class="span2">

        <ul class="nav nav-list well">
            <div class="row-fluid">
            <li class="nav-header">Suggested Users</li>

            <li class="span12">
                <div class="span4">
                    <img src="http://i.imgur.com/0YJjVnH.gif" alt="User suggested">
                </div>
                <div class="span8">
                    <a href="#" style="font-size: 12px;">Aezir ssssssssssssssssssssssssssssss</a>
                    <button class="btn btn-mini btn-info pull-right">Follow</button>
                    <br>
                    <strong><small class="pull-right" style="font-size: 9px;">1024 followers</small></strong>
                </div>
            </li>
            </div>
        </ul> 

    </div>

    </div>

</div>
4

1 回答 1

0

word-wrap: break-word;这里的问题是溢出容器的单词的长度，您可以通过在该标签中添加类似a的内容来破坏溢出容器的文本，但我建议只是为周围的长词添加足够的空间那个空间。这样，您就不必强迫单词换行。

于 2013-01-19T14:07:14.647 回答