文本宽度超过最大宽度表列

时间:2015-08-07 16:23:46

标签: html css width css-tables

我有一个表,并使用<col>指定列宽。我的问题是,其中一个设置为5%宽度的列具有16个字符的标题,该标题比分配的5%宽,并使列宽更宽。如何让标题以适当的宽度包裹并遵守5%的宽度?我希望表格能够快速响应,并且不想以像素为单位设置宽度。我尝试了一个连字符打破它并将文本包装在下面,但连字符不利于屏幕阅读器。

1 个答案:

答案 0 :(得分:1)

使用'vw'元素(视口宽度),'vh'(视口高度),'vmin'(vw或vh中较小的一个),'vmax'(较大或vw或vh)等。

1 v =包含块的1%

使用它看起来像这样:

b

这些值就像px或em一样是一个大小调整单位,因此它也可用于调整其他元素的大小,例如宽度,边距或填充。

以防无法使用......

p {font-size: 2vw;}

或者你可以使用自动换行:break-word;这将使它流到下一行