我一直在asp.net中构建一个待办事项列表样式应用程序，并且一直使用文本的标签标签和用于划掉文本的del标签（当项目完成但尚未删除时）
我一直在尝试添加一个简单的内联样式来帮助缩小间距，并希望它们产生相同的结果。
<label style="Width: 330px; max-width: 330px; word-wrap: break-word">The Unfinished item</label>
<del style="Width: 330px; max-width: 330px; word-wrap: break-word">The crossed out item</del>
这应该包含大于330px的文本，但是当它比它短时保留自己的空间。标签工作得很好，但del似乎没有做任何事情。
是不是可以设置del标签的样式，或者我错过了一些明显的东西？
谢谢：）
答案 0 :(得分：2)
添加显示：inline-block;所以你实际上使用了'宽度'。
<label style="display:inline-block; width: 330px; max-width: 330px; word-wrap: break-word">The Unfinished item The Unfinished item The Unfinished item </label>
<br>
<del style="display:inline-block; width: 330px; max-width: 330px; word-wrap: break-word">The crossed out item The crossed out item The crossed out item </del>
答案 1 :(得分：0)
首先，您可以删除max-width: 330px;规则。这是多余的。
如果您不希望del标记打破该行，请使用规则display: inline-block
答案 2 :(得分：0)
您只需添加display：block | inline-block | inherit。您可以根据需要调整的值。
display: block;
<label style="display:block; width: 330px; max-width: 330px; word-wrap: break-word">The Unfinished item The Unfinished item The Unfinished item </label>
<br>
<del style="display:block; width: 330px; max-width: 330px; word-wrap: break-word">The crossed out item The crossed out item The crossed out item </del>
display: inline-block;的示例
<label style="display:inline-block; width: 330px; max-width: 330px; word-wrap: break-word">The Unfinished item The Unfinished item The Unfinished item </label>
<br>
<del style="display:inline-block; width: 330px; max-width: 330px; word-wrap: break-word">The crossed out item The crossed out item The crossed out item </del>
display: inherit;的示例
<label style="display:inherit; width: 330px; max-width: 330px; word-wrap: break-word">The Unfinished item The Unfinished item The Unfinished item </label>
<br>
<del style="display:inherit; width: 330px; max-width: 330px; word-wrap: break-word">The crossed out item The crossed out item The crossed out item </del>