移动web应用程序很长的字符串

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试构建专为手机设计的web应用" title="web应用">web应用程序。但我有一些非常大的链接。我想要做的是打破这些字符串，如果文本不适合，并使用整个字符串，如果它适合。移动web应用程序很长的字符串

我尝试使用word-wrap:break-word：

.breakWord { 
    width: 100% 
    word-wrap: break-word; 
}

我的HTML是：

<table> 
    <tr> 
    <td rowspan="2" style="width:10%" >picture</td> 
    <td colspan="2" style="width:90%" class="breakWord">link</td> 
    </tr> 
    <tr> 
    <td style="width:80%">info1</td> 
    <td style="width:10%">info2</td> 
    </tr> 
    <tr> 
    </tr> 
</table>

此代码不适合在页面上 - 出现一个水平滚动条。

我该如何使文本适合？

回答：

如果您更正了源代码中的错误，它将起作用。

  • 从样式块中删除width:100%。它与冲突在td内联样式，并错过了分号

  • colpan应该colspan

而且，我相信，随着宽度的风格遇到colspanned td当一些浏览器可能会不知所措。您可以安全地删除style="width:90%"，因为下面的两个td s已经正确设置了宽度。

编辑：
因此，它无处不在。根据对this question的回答，问题出现在表格中：首先计算表格的宽度，然后将10％和90％作为计算宽度，而不是屏幕上的可用宽度。
所以一个可能的解决方案是给表一个特定的宽度，并将其表格布局设置为固定。

<table style="width:100%; table-layout:fixed">

以上是 移动web应用程序很长的字符串 的全部内容， 来源链接： utcz.com/qa/261067.html

回到顶部