html表格中如何让字体竖列? <html> <head> <title>HTML表格中竖排文字问题</title> <style type="text/css
<html><head><title>HTML表格中竖排文字问题</title><styletype="text/css"><!--.tnt{Writing-mode:t...
<html>
<head>
<title>HTML表格中竖排文字问题</title>
<style type="text/css">
<!--.tnt {Writing-mode:tb-rl;Text-align:left;font-size:20pt}-->
</style>
</head>
<body>
<table border="1" width="300" height="600" style="color:red">
<tr height="300">
<td>
<div class="tnt"> 我爱中国</div>
</td>
</tr>
<tr>
<td>
<div class="tnt"> 我爱中国< /div>
</td>
</tr>
</table>
</body>
</html>
请教我想要第二个表格内的效果但不包含< /div> 展开
<head>
<title>HTML表格中竖排文字问题</title>
<style type="text/css">
<!--.tnt {Writing-mode:tb-rl;Text-align:left;font-size:20pt}-->
</style>
</head>
<body>
<table border="1" width="300" height="600" style="color:red">
<tr height="300">
<td>
<div class="tnt"> 我爱中国</div>
</td>
</tr>
<tr>
<td>
<div class="tnt"> 我爱中国< /div>
</td>
</tr>
</table>
</body>
</html>
请教我想要第二个表格内的效果但不包含< /div> 展开
展开全部
将class 放到<td>中，去掉<div>和</div>即可
<html>
<head>
<title>HTML表格中竖排文字问题</title>
<style type="text/css">
<!--.tnt {Writing-mode:tb-rl;Text-align:left;font-size:20pt}-->
</style>
</head>
<body>
<table border="1" width="300" height="600" style="color:red">
<tr height="300">
<td>
<div class="tnt"> 我爱中国</div>
</td>
</tr>
<tr>
<td class="tnt">
我爱中国
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>HTML表格中竖排文字问题</title>
<style type="text/css">
<!--.tnt {Writing-mode:tb-rl;Text-align:left;font-size:20pt}-->
</style>
</head>
<body>
<table border="1" width="300" height="600" style="color:red">
<tr height="300">
<td>
<div class="tnt"> 我爱中国</div>
</td>
</tr>
<tr>
<td class="tnt">
我爱中国
</td>
</tr>
</table>
</body>
</html>
更多追问追答
追问
你可以打开看一下效果吗？根据你的提示：文字是竖排了可是上下没有居中、也不是靠右的，另外请教我写的格式正确吗？还可以怎样优化？谢谢你的回答 希望你可以再补充一下：）盼……
追答
1、如果你想要第二个表格和第一个表格一样的效果，请将第二个“我爱中国”后面中的空格去掉即可。
2、如果只想将我提供给你代码中的第二个表格内文字居中，只需要将Text-align:left;改成
Text-align:center;
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
