我正在尝试将代码从使用内联 css 移植到使用样式表,因为我几乎是一个完全 css 菜鸟,所以我遇到了麻烦。
我移到外部的大多数东西都运行良好,但我似乎无法让 TD 元素使用样式表中定义的样式。这是一个例子:
<td class="text_right">...</td>
.text_right {
text-align: right;
}
为什么那行不通?
我正在尝试将代码从使用内联 css 移植到使用样式表,因为我几乎是一个完全 css 菜鸟,所以我遇到了麻烦。
我移到外部的大多数东西都运行良好,但我似乎无法让 TD 元素使用样式表中定义的样式。这是一个例子:
<td class="text_right">...</td>
.text_right {
text-align: right;
}
为什么那行不通?
这应该可行,但请记住,您的<td>
元素应该有一些尺寸,否则它将与内容一样宽。
检查此演示
<td class="text_right"><a>...</a></td>
.text_right {
text-align: right;
width: 300px;
}
应该可以,把你的文字放在<a>
标签里
尝试使用 !important 。像这样 ;
.text_right {
text-align: right !important;
}
如果您仍然看到它未对齐,请通过右键单击检查 css 中的元素覆盖规则(使用 chrome 或 opera)并进行调查