2

我按照视频课程中的说明制作了这个 html 文件。但是，由于某种原因，尽管使用了 CSS 样式表，但我没有正确配置单元格大小。以下是该表的代码片段：

<table id="table1" cellspacing="40">
    <tr>
        <td><h3>Home</h3>"ksdjfkl;dajkfdl;sajfkldsjlsfl;saflklfas"<a href="about.html">more</a></td>
        <td><h3>About</h3>"dkfjakldfjdklsafjkldsjfvklzjvklz;cjv"<a href="about.html">more</a></td>
        <td><h3>Contact</h3>"jvkl;jkdlfjaklda;fjkdlsafjdlsfkd;"<a href="contact.html">more</a></td>
    </tr>
</table>

这是与表格相关的代码片段：

#table1{
width: 750px;
height: 250px;
table-layout: fixed;
margin-left: 20px;
}

#table1 td{
text-align: left;
background: #d8d8d8;
font-size: 14px;
padding: 15px;
border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
}

#table1 h3{
text-align: center;
font-family: Pristina;
font-size: 20px;
}

这是页面的结果： 索引页面截图

我有一种感觉，我应该在#table1 td{ ... }. width = somepixels但是，即使在添加后，我的外观仍然存在问题#table1 td{ ... }。你有什么建议来解决它？

提前致谢！

4

2 回答 2

4

使用 CSSword-wrap属性：

#table1 td {
     word-wrap: break-word;
}
于 2012-04-22T23:20:22.320 回答
0

定义您希望应用于断开字符串的逻辑。很可能“ksdjfkl;dajkfdl;sajfkldsjlsfl;saflklfas”等，因为你的问题不是真实数据，所以不可能猜测应该应用什么逻辑。但是如果它是一个实际的例子，或者一些神秘的代码，你应该允许分号后的换行符（只）：

ksdjfkl;<wbr>dajkfdl;<wbr>sajfkldsjlsfl;<wbr>saflklfas

使用word-wrap: break-word几乎是不合适的，当然也不适合英语或其他西方语言。

要在特殊字符后允许中断，请使用<wbr>. 要允许在自然语言单词中使用连字符，请使用软连字符（或它的实体引用，&shy;）。

于 2012-04-23T05:06:12.977 回答