UIWebView 中的 HTML 表格宽度

Posted 2023-03-12

【中文标题】UIWebView 中的 HTML 表格宽度

【英文标题】：HTML table width in UIWebView

【发布时间】：2011-11-30 20:43:11

【问题描述】：

我正在动态生成 html 并将其输入 UIWebView。我有几个数据表显示，我无法让它们拉伸屏幕的整个宽度。

到目前为止，我已经尝试过......

表格上的 100% 宽度属性 100% 宽度的表格样式 所有单元格的宽度加起来为 100% 头部样式将 100% 宽度应用于所有表格（和 * 子元素）

我还尝试了 XHTML 4.01 和 HTML 5 文档类型，以防可能导致显示问题。这是它目前的样子......

[可惜我是菜鸟，还不能发图]

我只是希望它们填充表格周围 1px 关键线内的所有空间。有什么想法吗？

【参考方案1】：

我刚刚想通了。 因为我是动态构建 HTML（附加到 NSMutableString），所以我的百分号被视为格式说明符而被忽略。

我不得不用第二个百分号逃脱，一切正常。

<table style=\"width:100%%;\">...

感谢您的帮助。

【讨论】：

然后，在这种情况下，复制评论，将其作为答案发布并选择答案，作为接受的答案。

从上面的评论中复制了 OP 的答案。

谢谢布洛克。我两天没能回答我自己的问题 - 打算等一下……感谢修订。

【参考方案2】：

width: 100%;

这应该真的有效......

否则，尝试在 CSS 中的“width”属性中添加“！important”：

width: 100% !important;

【讨论】：

我已经尝试过这个以及我能想到的所有其他变体。由于某种原因，表格单元格仅匹配其中文本的宽度。我认为这可能是一个浮动问题，不。冲突的风格问题，不。我实际上只是在一个表格中编码，页面顶部有一个单元格，它不会拉伸。我的想法不多了。

【参考方案3】：

我会尝试添加这个：

<meta name="viewport" content="width=device-width,user-scalable=no" />

到你的部分。 （device-width 表示设备屏幕的宽度，根据方向）。