CSS宽度问题：

Question

我设置页面的方式，我有一个以页面为中心的div占据了70％的页面（宽度：70％），在那个div中，我有一个带文字的横幅（在p元素中） ）和一张桌子。这个横幅应该与表格的宽度相同，当我设置宽度时，我设置了横幅和表格，其宽度为100％（容器div）。当我水平缩小浏览器时，表格保持相同的大小，但横幅向左缩小，看起来非常难看。如果我浏览器浏览器使其比文本中最大的单词更薄，那么文本就会从横幅上移开！鸭子怎么修这样的东西？ （注：最后一句是指美味的水鸟，不是亵渎。这不是一个错字。）

Answer 1

对于表格问题，请给出宽度百分比

 <table width="100%">

提供word属性，以便在你推卸时文本会中断。

 word-wrap: break-word;

Answer 2

在这里工作正常（FireFox）：

http://jsfiddle.net/W9e2A/1/

table将缩小到其内容的大小，此时它将停止缩小。这将导致横幅继续缩小，这将使table看起来很丑（文本会流出）。

如果您将包含min-width的{​​{1}}设置为div的最小宽度，则应解决您的问题。

作为旁注，如果您使用table表示除指法数据以外的其他内容（例如布局），则应考虑使用table的/ div来代替