我有一个表,并使用<col>
指定列宽。我的问题是,其中一个设置为5%宽度的列具有16个字符的标题,该标题比分配的5%宽,并使列宽更宽。如何让标题以适当的宽度包裹并遵守5%的宽度?我希望表格能够快速响应,并且不想以像素为单位设置宽度。我尝试了一个连字符打破它并将文本包装在下面,但连字符不利于屏幕阅读器。
答案 0 :(得分:1)
使用'vw'元素(视口宽度),'vh'(视口高度),'vmin'(vw或vh中较小的一个),'vmax'(较大或vw或vh)等。
1 v =包含块的1%
使用它看起来像这样:
b
这些值就像px或em一样是一个大小调整单位,因此它也可用于调整其他元素的大小,例如宽度,边距或填充。
以防无法使用......
p {font-size: 2vw;}
或者你可以使用自动换行:break-word;这将使它流到下一行