2 fubaishi fubaishi 于 2015.06.16 21:22 提问

关于html前台开发相关问题

部分如下代码:
//






添加商品
 <form name="form1" enctype="multipart/form-data" method="post" action="savenewgoods.php" onSubmit="return chkinput(this)">
  <tr>
    <td width="229" height="25" bgcolor="#FFFFFF"><div align="center">商品名称:</div></td>
    <td width="618" bgcolor="#FFFFFF"><div align="left"><input type="text" name="mingcheng" size="25" class="inputcss"></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">发布时间:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left">


<?php
for($i=1995;$i<=2050;$i++)
{
?>
<?php echo $i;?>
<?php
}
?>




<?php
for($i=1;$i<=12;$i++)
{
?>
<?php echo $i;?>
<?php
}
?>



<?php
for($i=1;$i<=31;$i++)
{
?>

        <option><?php echo $i;?></option>
     <?php 
         }
         ?>
      </select>
      日</div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">挂售价格:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left">市场价:<input type="text" name="shichangjia" size="10" class="inputcss" >
      元&nbsp;&nbsp;会员价:
      <input type="text" name="huiyuanjia" size="10" class="inputcss">
      元</div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">商品类型:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left">
       <?php
        $sql=mysql_query("select * from tb_type order by id desc",$conn);
        $info=mysql_fetch_array($sql);
        if($info==false)
        {
          echo "请先添加商品类型!";
        }
        else
        {
        ?>
        <select name="typeid" class="inputcss">
        <?php
        do
        {
        ?>
          <option value=<?php echo $info[id];?>><?php echo $info[typename];?></option>
        <?php
        }
        while($info=mysql_fetch_array($sql));
        ?>  
        </select>
        <?php
         }
        ?>
    </div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">商品等级:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left">
      <select name="dengji" class="inputcss">
        <option selected value="精品">精品</option>
        <option value="一般">一般</option>
        <option value="二手">二手</option>
        <option value="淘汰">淘汰</option>
      </select>
    </div></td>
  </tr>
  <tr>
    <td height="22" bgcolor="#FFFFFF"><div align="center">商品品牌:</div></td>
    <td height="22" bgcolor="#FFFFFF"><div align="left"><input type="text" name="pinpai" class="inputcss" size="20"></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">商品型号:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left"><input type="text" name="xinghao" class="inputcss" size="20"></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">是否推荐:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left">
      <select name="tuijian" class="inputcss" >
        <option selected value=1>是</option>
        <option value=0>否</option>
      </select>
 </div>
  </td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">商品数量:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left"><input type="text" name="shuliang" class="inputcss" size="20"></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">商品图片:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left">
    <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
    <input type="file" name="upfile" class="inputcss" size="30"></div></td>
  </tr>
  <tr>
    <td height="80" bgcolor="#FFFFFF"><div align="center">商品简介:</div></td>
    <td height="25" bgcolor="#FFFFFF"><div align="left"><textarea name="jianjie" cols="80" rows="8" class="inputcss"></textarea>
    </div></td>
  </tr>
  <tr>
    <td height="25" colspan="2" bgcolor="#FFFFFF"><div align="center"><input name="submit" type="submit" class="buttoncss" id="submit" value="添加">
    &nbsp;&nbsp;<input type="reset" value="重写" class="buttoncss"></div></td>
  </tr>
  </form>
</table></td>



省略部分javascript代码。在浏览器中浏览出现“商品名称”,“发布时间”等文字呈多行显示。具体如图所示:图片说明。请问各位大侠是什么原因?我该怎么办才能让上述文字呈一行显示呢?

13个回答

frank_20080215
frank_20080215   2015.06.16 22:08

排列布局没有设置好罢了
d199138
d199138   2015.06.17 08:24

商品名称:
你每个这个div块都去掉试试,包括下面的td标签也是
XJC_gx
XJC_gx   2015.06.17 08:58

最好给每个 Div 设个自动宽、高(如

)......
chwrYy
chwrYy   2015.06.17 09:35

给每个DIV加个ID,或class然后在CSS里面微调吧

anselmoe
anselmoe   2015.06.17 14:25

table没给宽度吧

u012997027
u012997027   2015.06.18 09:47

商品数量:
用这样的代码结构就好了
u012997027
u012997027   2015.06.18 09:48

商品数量:

u012997027
u012997027   2015.06.18 09:49

<td height="25" bgcolor="#FFFFFF" align="center" nowrap&rt;商品数量:</td&rt;

u012997027
u012997027   2015.06.18 09:48

<td height="25" bgcolor="#FFFFFF" align="center"** nowrap**>商品数量:</td>

caoyangc
caoyangc   2015.06.18 21:47

原因很简单,你没有在前台代码中设置好宽度。建议看看CSS+DIV布局

共13条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片