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

标签 jquery html css

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

http://jsfiddle.net/LKB9e/12/

但问题是我在我的应用程序中有完全相同的代码,但在我的应用程序中文本区域没有填充表格单元格。我的问题是为什么它在我的应用程序中不起作用?

application

我的应用程序中唯一没有出现的代码是这样的:

<!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"/>

最佳答案

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

您似乎没有使用任何重置,因此您会看到默认的单元格填充和单元格间距。 Google 术语 CSS resetCSS normalize 会出现很多信息

关于jquery - textarea 填充 jsfiddle 中的表格单元格但不在实际应用程序中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14007441/

相关文章:

jquery - DevExpress - DevExtreme 图表高度和不透明度问题

javascript - 选中复选框值的总和

javascript - 在页面中加载远程 JavaScript 文件

html - Facebook Box Count Like 按钮垂直对齐

html - 如何使左浮和右浮在同一行上?

html - div 全宽底部的中心三 Angular 形响应

javascript - 选项卡中的嵌套选项卡( Bootstrap )

jquery - 使用 DataTables 时 AJAX Post 不再起作用

html - 创建像 twitter/signup 这样的注册页面?

html - 为什么主容器上有垂直滚动条?