0

我正在使用 html 和 javascript 开发应用程序。我在一页上有一个 ui-scrolllistview，我让它填充好了。但是如果一个单词对于列表视图来说太大了，它只会扩展它的宽度，所以它会离开屏幕。

有没有办法在 ui-scrolllistview 中设置单词或自动换行单词的长度，以便它不会切断 ui-scrolllistview 的右边框？

谢谢

编辑

这是我使用 ui-scrolllist 创建页面的代码

<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>
4

1 回答 1

0

我相信这听起来像你在寻找text-overflow和white-space可能overflow。

您可以使用这些不同的 CSS 属性在设置margins和padding.

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

编辑：示例

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

编辑：如果您想允许框架（根据您的标签的jQuery移动）为您截断它的自动换行，在包含您的文本的最里面的元素上，指定overflow: visible;和white-space:normal;

如果您没有看到预期的行为变化，请通过“开发人员工具”窗口查看该页面。这些内置在 Chrome 和 IE 中，您可以使用 Firebug for Firefox。这些允许您“即时”测试样式表更改，这听起来像是您获得预期行为所需要的。

于 2012-04-19T11:49:13.787 回答