我想用空格整齐地显示我的数据

时间:2018-06-12 14:55:59

标签: javascript html css bootstrap-4

  1. 我想在追加

  2. 之间显示整齐格式化的数据
  3. id one未被选中我不知道为什么

  4. 我想使用append方法只是因为我想在之后动态地使用它

  5. 我想在一列中获取数据3,在第二列中获取另外3列

  6. 当前输出

    i am getting output in the following way

    $('#1').append("DARK KNIGHT");
    $('#2').append("ACTION");
    $('#3').append("NOLEN");
    $('#4').append("WB");
    $('#5').append("HANSZIMMER");
    $('#6').append("WB");
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <input type="text" id="1" name="id" placeholder="Enter id you want to serch">
    <button type="submit" value="Submit" onclick="goodfunction()">Submit</button>
    
    <div class="container">
    
      <h2>Basic Panel</h2>
      <div class="panel panel-default">
    
        <div class="panel-body" id="1">movie</div>
        <div class="panel-body" id="2">type</div>
        <div class="panel-body" id="3">director</div>
        <div class="panel-body" id="4">distributer</div>
        <div class="panel-body" id="5">music director</div>
        <div class="panel-body" id="6">producer</div>
      </div>
    </div>

2 个答案:

答案 0 :(得分:1)

1)在你追加的字符串之前添加一个空格(即&#34; DARK KNIGHT&#34;)

2)您的输入也有ID&#34; 1&#34;

4)你可以添加一个样式,如:

.panel-body {
width: 50%;
float: left;
}

此外,您的输入和按钮位于HTML的<head>部分,它们应位于<body>

答案 1 :(得分:0)

您可以执行以下操作,而不是在字符串的开头添加空格:

private static void Main()
{            
    // Get the current date and time
    var now = DateTime.Now;

    // Build our greeting string
    var greeting = new StringBuilder();
    greeting.Append("Good " + GetGeneralTime(now) + "! ");
    greeting.AppendLine("Today's date: " + now.ToString("MMMM dd, yyyy, dddd. "));
    greeting.AppendLine("Now you have to concentrate on " + GetConcentrationDays(now));

    // Display our greeting to the user
    Console.WriteLine(greeting.ToString());

    GetKeyFromUser("\nDone! Press any key to exit...");
}

在我看来,它更加清晰,并不容易错过。

append("&nbsp;DARK KNIGHT"); 是一个不间断空格的HTML转义。