Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么不是';这个html/css考试代码是否在问题之间添加了空格?_Html_Css - Fatal编程技术网

为什么不是';这个html/css考试代码是否在问题之间添加了空格?

为什么不是';这个html/css考试代码是否在问题之间添加了空格?,html,css,Html,Css,我正在使用html和css编写考试,并且我已经为问题创建了一个类,该类问题应该为学生提供写答案的空间 但是,代码不起作用,我无法找出问题所在。下面是一个不工作代码的示例 请帮助我理解为什么这不能按预期工作 <html> <head> <style type="text/css"> body, pre { font-family: serif; margin-lef

我正在使用
html
css
编写考试,并且我已经为问题创建了一个
类,该类问题应该为学生提供写答案的空间

但是,代码不起作用,我无法找出问题所在。下面是一个不工作代码的示例

请帮助我理解为什么这不能按预期工作

<html>
  <head>
    <style type="text/css">
       body, pre {
                  font-family: serif;
                  margin-left: 12%;
                  margin-right: 12%;
                  text-align: justify;
                  font-size: 110%;
                 {
       .shortAnsw {
                   padding-bottom: 5cm;
                  }
       .longAnsw  {
                   padding-bottom: 10cm;
                  }
       .answer    {
                   display: none;
                  }
  </style>
</head>

<body>
  <h1>Exam 1</h1>
   <p>
    <strong> Please write your name only on the back of the last page of the exam. </strong> 
   </p>

  <h2>Short Answer</h2>
   <p>
    Please answer the following questions in no more than 3 sentences. 
   </p>
     <ol>
       <li>
         <div class="longAnsw">
           question 1
         </div>
       </li>
       <li>
         <div class="shortAnsw">
           question 2
         </div>
       </li>
       <li>
         <div class="shortAnsw">
          question 3
         </div>
       </li>
      </ol>
   </body>
</html>

身体,预{
字体系列:衬线;
左缘:12%;
保证金权利:12%;
文本对齐:对齐;
字体大小:110%;
{
肖坦斯先生{
垫底:5厘米;
}
朗甘索先生{
垫底:10厘米;
}
.答复{
显示:无;
}
考试一

请只在考试最后一页的背面写上你的名字。

简短回答 请用不超过三句话回答以下问题。

  • 问题1
  • 问题2
  • 问题3

  • 您有一个向后的
    {

       body, pre {
                  font-family: serif;
                  margin-left: 12%;
                  margin-right: 12%;
                  text-align: justify;
                  font-size: 110%;
                 {
    

    您有一个向后的
    {

       body, pre {
                  font-family: serif;
                  margin-left: 12%;
                  margin-right: 12%;
                  text-align: justify;
                  font-size: 110%;
                 {
    

    div是容器而不是文本框。如果要让用户输入文本,必须使用表单标记


    这是一个关于表单的简短教程。

    div是容器而不是文本框。如果要让用户输入文本,必须使用表单标记


    这是一个简短的表单教程。

    你是说em而不是cm吗?看起来海报试图使用HTML作为桌面发布平台。感谢@Diodeus指出的输入,我正在使用HTML制作文档,最终将打印出来。我意识到这有点像用螺丝刀敲钉子我更喜欢使用LaTeX,但这是一个折衷方案,我正在努力简化协作。没有两个浏览器会打印出相同的页面。这是一个坏主意。改为PDF。你是说em而不是厘米吗?看起来海报试图使用HTML作为桌面发布平台。感谢@Diodeus指出的输入,我是我使用html制作最终将被打印出来的文档。我意识到这有点像用螺丝刀钉钉子一样,我更喜欢使用LaTeX,但这是一个折衷方案,我正在努力简化协作。没有两个浏览器将打印出相同的页面。这是一个坏主意。改为制作PDF。我想如果你删除该类型o(在
    .shortAnsw
    之前的结束括号错误),它应该可以正确运行。例如:我认为如果您删除打字错误(在
    .shortAnsw
    之前的结束括号错误),它应该运行正常。示例:谢谢!我盯着它看了大约一个小时,我想我花了1000年才抓住它!谢谢!我盯着它看了大约一个小时,我想我花了1000年才抓住它!