1

こんにちはみんな、BootstrapとCodeIgniterでウェブサイトを作っています。今は2つのサイドナビゲーションリストでニュースページをデザインしていますが、問題があります。nav-listに長いテキストを入れると、テキストが出てきます。私を助けてください。

<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 に答える