Question

如果我在标签的文本下方有一个文本输入，是否有办法在输入上方和标签下方填充一些空格，将两个像素分开？

当我在输入框的类顶部添加填充时，它会将框的底部向下拉伸，同时使其顶部与标签保持相同的距离。填充标签的底部没有任何影响。我检查了w3上的显示样式，看看使用display:block是否有问题，但这看起来不像是问题。

对于新问题，我很抱歉，我是HTML / css的新手。我会继续修补，并会感激任何帮助。谢谢！

标记：

     <label for='subject'style='display:block' class='label'>
          What subject do you want to follow?<br>
       <input type="text" id="subject" value="meaningOfLife" style="display:block" class='form-text'><br>
     </label>

和css：

.label{
  padding:5px 10px 0px 10px;
  color: RGB(25,90,90);
  font-size: 16;
  font-weight: 8;
  font-family: 'Open Sans Condensed', sans-serif;    
}

Answer 1

这是你要找的东西吗？您可以按ID将它应用于一个元素：

.label #subject {
     margin-top: 5px;
}

或者应用嵌套在label标记内的所有输入元素form-text类名

.label .form-text {
    margin-top: 5px;
}

将边距应用于嵌套在标签内的所有input =“text”元素：

.label input[type="text"] {
    margin-top: 5px;
}

在标签和输入之间填充（type ='text'）？

1 个答案: