Javascript 用户界面滚动列表视图延伸至屏幕，切断右边框

我正在使用html和javascript开发一个应用程序。我在一个页面上有一个ui scrolllistview，我让它填充ok。但是如果一个单词对于listview来说太大，它只会扩展它的宽度，这样它就不会出现在屏幕上

有没有办法在ui scrolllistview中设置单词或换行词的长度，这样就不会切断ui scrolllistview的右边框

谢谢

编辑

下面是我用ui滚动列表创建页面的代码

<div data-role="page" data-theme="f" id="choose-building">

    <div data-role="header" data-theme="f" data-position="fixed"  data-tap-toggle="false">
    <h1><img src="images/building.png" height="80px"></h1>
        <div data-role="controlgroup" class="ui-btn-right topzero">
        <a href="#" data-rel="back"  data-role="button" data-inline="true"  data-direction="reverse">Back</a>
        <a id="applyFilter" data-role="button" data-inline="true" onClick="pickedBuildings();">Chosen Buildings</a>
        </div>
    </div>

    <div data-role="content" data-scroll="Y" class="ui-scrolllistview" >
        <form>

        <div data-role="fieldcontain">          

            <fieldset data-role="controlgroup" id="CatagoryChooseBuilding" >
            </fieldset>

        </div>
        </form>
    </div>
    <div data-role="footer" data-theme="f" data-position="inline" data-id="main-footer"  data-tap-toggle="false">
        <div data-role="navbar" >
        <ul>
            <li><a href="#home" data-role="button" data-icon="myapp-home" >Home</a></li>
            <li><a href="#page-map" data-role="button" data-icon="myapp-building-a" >Buildings</a></li>
            <li><a href="#more" data-role="button" data-icon="myapp-more" >More</a></li>
        </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->  
</div>

我相信这听起来像是你在寻找

文本溢出

和

空白

以及可能的

溢出

在设置

页边距和
填充后，您可以使用这些不同的CSS属性将文本停止在任何您想要的维度上

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

编辑：

您可以调整页边距属性，直到将文本快速移动到离滚动条尽可能远的位置

编辑：如果希望允许框架（根据标记的jQuery mobile）截断单词的位置进行换行，请在包含文本的最内部元素上指定
溢出：可见和
空白：正常

如果您没有看到预期的行为变化，那么可以通过开发人员工具窗口查看页面。这些都内置在Chrome和IE中，你可以在Firefox上使用Firebug。这些功能允许您“动态”测试样式表更改，这听起来像是获得预期行为所需的功能。
因此这些功能被添加到style=“padding:0…”是吗？如果您愿意，您可以在线指定这些样式，但通常更被接受的方法是将CSS放在包含的单独的
.CSS
文件中。我的示例显示了它的大致外观（除了jsfiddle.net为您“包含”它之外），它所做的一切似乎都是使实际的ui滚动列表宽度变小，并且不影响当前的文本all@HipHipArray，如果您可以提供一个链接或示例，说明您所看到的情况，则可以更轻松地帮助您诊断情况。您需要将样式附加到适当的元素上。例如，如果您在
li
中有
span
在
ul
中，那么如果您想缩短
span
中的文本，那么您需要在
span
@hipArray上应用样式，我相信您正在寻找类似的内容。如果你觉得这有帮助，一定要投赞成票。如果答案对你有用，一定要接受并投赞成票。