Question

我如何放置＆＃34;评论：＆＃34;在红线上如上图所示？我知道这是一个有点愚蠢的问题，但作为初学者，这对我有帮助。这是一段代码：

＆＃13;

body {
  border: 1px solid black;
  height: 550px;
  width: 550px;
  padding: 5px;
}
h2 {
  text-align: center;
}

＆＃13;

<h2>FeedBack Form</h2>
<strong>Name:</strong> 
<input type="text" />
<br>
<br>
<strong>Comment:</strong> 
<input type="text" style="height:100px; width:250px;" />
<br>
<br>
<strong>Email Address:</strong> 
<input type="text" />

＆＃13;

Answer 1

试试这个：

<strong>Comment:</strong> <input type="text" style="height:100px; width:250px; vertical-align:top;"/><br><br>

我刚刚在输入文字中添加了vertical-align: top。

但是作为一个建议，我想你可能想用textarea而不是输入文字。并且内联css样式不是我推荐的。

Answer 2

请参阅此fiddle

请添加 vertical-align: text-top; 或 vertical-align: top; 作为input的样式。

将以下内容添加到CSS中

input[type="text"]{
        vertical-align: text-top;
}

Answer 3

添加if($json_array['status'] != NULL) { echo "<h2>Name: $name</h2><p>Version: $version</p><p>Map: $map</p><p>Time: $time</p><p>Player Count: $playercount</p><p>Max Players: $maxplayers</p><p>Secure: $secureTrue</p>"; echo "<h2>Players</h2>"; $playerNum=1; foreach($json_array['server']['players'] as $info) { $playerName = $info['name']; $playerScore = $info['score']; $playerTime = $info['time']; $playerHumanTime = $info['humanTime']; echo "<h3>Player $playerNum</h3><p>$playerName</p><p>$playerScore</p><p>$playerTime</p><p>$playerHumanTime</p>"; $playerNum++; } css属性

vertical-align

Answer 4

<html>
<head>
    <title>FeedBack Form</title>
    <style>
        body {
            border: 1px solid black;
            height:550px;
            width:550px;
            padding:5px;
        }
        h2 {
            text-align: center;
        }
    </style
</head>
<body>
<h2>FeedBack Form</h2>
<strong>Name:</strong> <input type="text" /><br><br>
<strong style="vertical-align: top;">Comment:</strong> <input type="text" style="height:100px; width:250px;"/><br><br>
<strong>Email Address:</strong> <input type="text" />
</body>
</html>

我如何放置＆＃34;评论：＆＃34;在红线上？

4 个答案:

请参阅此fiddle