html - 仅使用动态文本固定 div 宽度和垂直溢出

Question

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

我需要垂直生长它。这意味着当它达到容器的最大宽度限制时开始追加到新行

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 放在具有最大宽度的 div 中。这将使 div 尊重换行符。