对齐元素在同一行
[英]Align elements in the same line
问题描述
有没有办法将这些元素对齐在同一行中。 现在是一个在另一个下面
<h5>Title</h5><a id="downloadData" class="shiny-download-link" href="" target="_blank" download><h5>Download</h5></a>
2 个解决方案
解决方案1
0 2022-03-16 07:52:51
尝试使用浮动属性
https://www.w3schools.com/cssref/pr_class_float.asp
<div>
<h5 style="float: left;">Title</h5>
<a style="float: left;" id="downloadData" class="shiny-download-link" href="" target="_blank" download><h5>Download</h5></a>
</div>
解决方案2
0 2022-03-16 07:54:34
仅当您的网站停滞在 2000 年时才使用浮动，现在您为此使用 flexbox：
.wrap { display: flex; gap: 20px; }
<div class="wrap"> <h5>Title</h5> <a id="downloadData" class="shiny-download-link" href="" target="_blank" download> <h5>Download</h5> </a> </div>
(Bootstrap 4+) - 具有多个元素的列：在同一行上对齐元素
[英](Bootstrap 4+) - Columns with multiple Elements: Align elements on the same line
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.