Question

这很奇怪，但我有一个jsfiddle，当用户点击“添加问题”按钮添加表格行时，在附加行的“问题”列下，textarea的高度和宽度在此表格单元格能够填充表格单元格。

但问题是我在我的应用程序中有完全相同的代码，但在我的应用程序中，textarea没有填写表格单元格。我的问题是，为什么它在我的应用程序中不起作用？

我的应用程序中唯一没有小提琴的代码是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Prepare Questions and Answers</title>
   <link rel="stylesheet" type="text/css" href="QandATableStyle4.css">
        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery-ui-1.8.16.custom.css"/>
        <script type="text/javascript" src="jquery/jquery-1.7.min.js"></script>
        <script type="text/javascript" src="jquery/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="jquery/jquery.simplemodal.js"></script>
        <script type="text/javascript" src="jquery/basic.js"></script>

        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery-ui-1.8.14.custom.css"/>
        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/basic.css"/>
        <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/basic_ie.css"/>

Answer 1

在主页上

，删除textarea上的边框：

.textAreaQuestion { border: none; }

Answer 2

jsfiddle使用css重置来删除许多其他调整中的所有元素的边距和填充以及cellspacing。这是因为不同的浏览器为各种css属性设置了不同的默认值。

您似乎没有使用任何重置，因此您将显示默认的单元格填充以及单元格间距。 Google条款CSS reset或CSS normalize会显示大量信息

textarea在jsfiddle中填充表格单元格但不在实际应用程序中填充

2 个答案: