固定div宽度和溢出垂直仅与动态文本

Question

我使用基于组合框的onchange事件的函数将动态文本添加到选项卡（jquery ui选项卡）。该脚本有效。问题是它只是水平增长。我不需要横向增长。尽管我已经定义了最大宽度，但它与它无关并且水平增长。

我需要垂直增长。这意味着当它达到conatiner

的最大宽度限制时开始追加到新行

from jquery UI(you can down load this)

<div id="myTabs"> 
        <ul>
            <li><a href="#a" id="tabok"><span style="background:#85E085; color:#000;  padding-top:0px; padding-bottom:0px;">OK</span></a></li>
            <li><a href="#b" id="tabdnt"><span style="background:#FFD6AD; color:#000;  padding-top:0px; padding-bottom:0px;">Not Sure</span></a></li>
            <li><a href="#c" id="tabdif"><span style="background:#FFB2B2; color:#000;  padding-top:0px; padding-bottom:0px;">Too Difficult</span></a></li>
        </ul>
        <div id="a" style="padding-top:0; margin-top:0; max-width:200px;" >
                </div>
        <div id="b"></div>
        <div id="c"></div>
    </div>
    <!--<script src="development-bundle/jquery-1.4.4.js"></script>-->
    <script src="jquery.ui.core.js"></script>
    <script src="jquery.ui.widget.js"></script>
    <script src="jquery.ui.tabs.js"></script>
    <script>
        (function($){
            $("#myTabs").tabs();
        })(jQuery);
    </script>

=============================================== ============

我写的剧本

    newlink = document.createElement('a');

newlink.innerHTML = idname;
newlink.setAttribute('title', 'dsdsd');
newlink.setAttribute('href', '#'+idname);
newlink.setAttribute('class', 'k');
    $("#a").append(newlink);
    $(".k").css("padding-left","5px")

Answer 1

尝试将css属性white-space：normal放在具有max-width的div中。这将使div尊重换行符。