Question

好吧，我希望这个文字从包装器顶部大约20个PX（背景颜色）上升到那里我做了保证金，但没有任何事情发生，如果有人可以帮助它将非常感激。

CODE

.wrapper {
	background-color: #01172c;
}

.footerid  {
	list-style: none;
}

.footerid li {
	 padding-left: 125px; 
	 padding-top: 20px;
	 padding-bottom: 20px;
	 display: inline;
	 display: inline-block;
}

.footerid h3 {
	padding-top: 20px;
	margin-top: 20px;
}

<footer>
	<div class="wrapper">
		<ul class="footerid">
			<li><a href="#"><img src="logo-f.png" style=" width:80px; height:105px;"></a></li>  
			<li><h3>lol</h3></li>
		</ul>
	</div>
</footer>

全屏运行代码示例以正确查看。

Answer 1

您必须指明def abc self.a * self.b * self.c end关于Model.where("abc >=?", 10)的{{1}}元素，我将为此案例设置为li

请参阅https://jsfiddle.net/4zr9j3eg/

我还停用了vertical-align元素的top属性，该属性将汇总padding，使文本距离从顶部到h3

此外，我将文本颜色更改为margin以便于调试

Answer 2

作为一般提示，您可以将包装器设置为position：relative; 通过这样做，您可以轻松地“控制”父级（在本例中为包装器）内的元素（子级），其位置为绝对值。

示例：

#wrapper {
   position:relative;

}

#wrapper .child {
   position: absolute;
   top: 20px;
}

Answer 3

将array( [row_ids]=>array( [0]=>8 [5]=>6 [10]=>3 ) [category_name]=>array( [1]=>cate_19 [6]=>cate_10 [11]=>cate_3 ) [add_by]=>array( [2]=>1 [7]=>1 [12]=>1 ) [status]=>array( [4]=>active [9]=>active [14]=>active ) ) foreach(???? as ?? => ???){ update category_name='???', add_by='???', status='??' where row_id='??' }应用于vertical-align: top：

<li>

并从.footerid li { padding-left: 125px; padding-top: 20px; padding-bottom: 20px; display: inline; display: inline-block; vertical-align: top; }中移除填充和边距。

如何在HTML / CSS中的元素上方放置文本？

3 个答案: