文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML: Word-Wrap不支持

问HTML: Word-Wrap不支持
EN

Stack Overflow用户

提问于 2014-09-03 08:20:25

回答 2查看 112关注 0票数 0

在下面的html代码中，我希望在页面中显示完整的表，而不需要水平滚动条。我想设置适合屏幕的html表格宽度。td中有连续的文本，我想用多行的方式来分解和显示，这样表格的宽度就不会超出页面。

为此，我使用了word work属性，但它无法工作。请给我建议可能的解决办法。

代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <table style="table-layout:fixed;">
         <tr>
            <td style="word-wrap:break-word;">jhdjhfjsjkfhjshdjfhjshfsbfsjkshdfjhsfjsdfdfjsndjkfnjsdnfsdfnsdjfnnsdjfnsdjnfjsdnf,sdnmfksdfsdfsdfsdnfklsdmklfmsdfsd,fsdfsdkfksdnmfnmsdkfnmsdmfmdfmd,.mf,dmf,msd,fm,sdmf,.smd,.fms,dmfms,dmf,s.dmf,.smdf,.smd,fmsdfm,.sdm,f.sdm,f.msd,.fms,.dmf,.sdmf,.sdmf,.smd,.fmsd,mf,.sdmf,.smd,.fmsd,.fm,sdmf,msd,.fms,.dmf,.sdmf,.sdmfsdmfsdf,.sdf,sdfsdfsdfsdf</td>  
            <td style="word-wrap:break-word;">jhdjhfjsjkfhjshdjfhjshfsbfsjkshdfjhsfjsdfdfjsndjkfnjsdnfsdfnsdjfnnsdjfnsdjnfjsdnf,sdnmfksdfsdfsdfsdnfklsdmklfmsdfsd,fsdfsdkfksdnmfnmsdkfnmsdmfmdfmd,.mf,dmf,msd,fm,sdmf,.smd,.fms,dmfms,dmf,s.dmf,.smdf,.smd,fmsdfm,.sdm,f.sdm,f.msd,.fms,.dmf,.sdmf,.sdmf,.smd,.fmsd,mf,.sdmf,.smd,.fmsd,.fm,sdmf,msd,.fms,.dmf,.sdmf,.sdmfsdmfsdf,.sdf,sdfsdfsdfsdf</td>  
         </tr>
    </table>
</body>
</html>

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-03 08:22:53

表(以及进一步的扩展，单元格)没有收缩，这意味着它将伸展以适应它的内容，所以你的话没有理由被打破。

试着给你的桌子一个宽度：

table{
    width:100%;
}

JSFiddle

票数 1

Stack Overflow用户

发布于 2014-09-03 08:56:39

要使用style="word-wrap: break-word;，您必须修复外部标记宽度。

table{
     width:100%;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25639536

复制

相似问题

问HTML: Word-Wrap不支持
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML: Word-Wrap不支持EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML: Word-Wrap不支持
EN