动态显示三个按钮中的一个时，出现了换行，如何解决？

如题：
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function ex()
{
btn_csave.style.display="block";
}
</script>
<title>test</title>
</head><body>
<table id="tbcbar" border="2" cellpadding="0" style="width:100%;height:60px;table-layout:fixed"><tr>
<td ><input id="btn_cnew" type="button" class="txtbtn" onclick="" value="新建" />
<input id="btn_cedit" type="button" class="txtbtn" onclick="ex()" value="编辑" />
<input id="btn_csave" type="button" class="txtbtn" style="display:none;" onclick="" value="保存" /></td></tr></table>
</body></html>

解决方案 »

  1.   

    <html> <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    function ex()
    {
    btn_csave.style.display="inline";
    }
    </script>
    <title>test </title>
    </head> <body>
    <table id="tbcbar" border="2" cellpadding="0" style="width:100%;height:60px;table-layout:fixed"> <tr>
    <td > <input id="btn_cnew" type="button" class="txtbtn" onclick="" value="新建" />
    <input id="btn_cedit" type="button" class="txtbtn" onclick="ex()" value="编辑" />
    <input id="btn_csave" type="button" class="txtbtn" style="display:none;" onclick="" value="保存" /> </td> </tr> </table>
    </body> </html>