61,111
社区成员
发帖
与我相关
我的任务
分享给HTML的col标签加上css样式 不起作用 请大神解答
给第二个col加上了.right样式，按理说第二列文本应该居中对齐才对啊，可是我试了好多次，为什么一点反应都没有。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
.right{
text-align:right;
}
</style>
</head>
<body>
<table border="1">
<col><col class="right"><col>
<tr>
<th>互联网的起源</th>
<th>互联网的起源</th>
<th>互联网的起源</th>
<tr/>
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<tr/>
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<tr/>
</table>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
.right{
text-align:right;
}
</style>
</head>
<body>
<table border="1">
<col><col class="right"><col>
<tr>
<th>互联网的起源</th>
<th>互联网的起源</th>
<th>互联网的起源</th>
<tr/>
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<tr/>
<tr>
<td>11111</td>
<td>11111</td>
<td>11111</td>
<tr/>
</table>
</body>
</html>
...全文
请发表友善的回复…
发表回复
天际的海浪 2018-03-18
- 打赏
- 举报
colgroup和col这两个标签存在严重的浏览器兼容问题，在Chrome、FireFox、Safari和 ie8+ 等浏览器中都只支持背景色、宽度等少数几种样式属性，只有在 IE7 浏览器才能获得完全支持，所以建议最好不要使用。
qq_40446099 2018-03-17
- 打赏
- 举报
目前就只有background-color和width有效果吧
Todtoldyou 2017-06-26
- 打赏
- 举报
抱歉没仔细看就乱回复，还删除不了。。。
百度发现别人也遇到这个问题了
Firefox Chrome Safari 不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性
链接：https://zhidao.baidu.com/question/1540020848784929187.html
而且你用法也没对，应该这样用。。。
<col align="right" width="400px">
Todtoldyou 2017-06-26
- 打赏
- 举报
right是自定义属性，你可以在css代码加上
.right{
float:right;
}
lianzhenxia 2017-06-26
- 打赏
- 举报
他没有这个属性
