Html 将行中的元素对齐到顶部？_Html_Css_Bootstrap 4

Html 将行中的元素对齐到顶部？

html css bootstrap-4

Html 将行中的元素对齐到顶部？,html,css,bootstrap-4,Html,Css,Bootstrap 4,我试图将容器内的一行内容与所述行的顶部对齐这是我当前的html： <div class="container"> <div class="row"> <div class="ticket">  </div> </div> </div> 车票的CSS： <style> .ticket{

我试图将容器内的一行内容与所述行的顶部对齐

这是我当前的html：

<div class="container">
    <div class="row">
        <div class="ticket">
           <!-- content -->
        </div> 
    </div>
</div>

车票的CSS：

<style>
    .ticket{
        border:5px solid black;
        border-radius: 15px 50px 30px 5px;
        width:20%;
        height: fit-content;
        display:inline-block;
        clear: left;
        margin-left:30px;
        background-color:#eee;
    }
</style>

行和容器都是引导

我尝试过使用“对齐内容”和“对齐项目”，但两种方法都没有效果。任何帮助都将不胜感激！谢谢。

尝试使用下一个css代码：

.ticket { 
   display: flex;
}

.item-in-container { 
  #flex: 1;
}

取消注释flex:1；如果希望它们具有相同的宽度，请尝试使用下一个css代码：

.ticket { 
   display: flex;
}

.item-in-container { 
  #flex: 1;
}

取消注释flex:1；如果希望它们具有相同的宽度

如果使用引导的默认行为，则它与顶部对齐：

.票{ 高度：100px；背景色：红色； } .票：N-child2{ 高度：70像素； } .票：N-child3{ 高度：50px； }

如果使用引导的默认行为，它将与顶部对齐：

.票{ 高度：100px；背景色：红色； } .票：N-child2{ 高度：70像素； } .票：N-child3{ 高度：50px； } 您可以使用对齐项：flex start；装着票的集装箱

.票{ 显示器：flex；调整项目：灵活启动； } .滴答声{ 填充：20px；边框：4px000；利润率：50像素；边界半径：0 30px 0 0； } Lorem ipsum dolor坐在amet Concertetur，告别精英。在最大合理水平减去最大权力的情况下，权利人、责任人、法定自由人和法定权利人的权利。消费！Lorem ipsum dolor坐在amet Concertetur，告别精英。在最大合理水平减去最大权力的情况下，权利人、责任人、法定自由人和法定权利人的权利。消费！Lorem ipsum dolor坐在amet Concertetur，告别精英。在最大合理水平减去最大权力的情况下，权利人、责任人、法定自由人和法定权利人的权利。消费！ Lorem ipsum dolor坐在amet Concertetur，告别精英。奎斯夸姆·阿迪皮西·苏西皮特 Lorem ipsum dolor坐在amet Concertetur，告别精英。您可以使用对齐项：flex start；装着票的集装箱

请把这个问题说清楚一点。我正试着把票排成一行，排在最上面。描述中的图片应该有助于解释-票证应该固定在红线上。你应该提供更多的代码和css。此外，您还应该编辑并更新问题，提供更多信息，而不是发表评论。请考虑制作小提琴、钢笔或使用SO代码部分。那么我相信我们能为您找到解决方案请把这个问题说清楚一点。我正试着把票排成一行，排在最上面。描述中的图片应该有助于解释-票证应该固定在红线上。你应该提供更多的代码和css。此外，您还应该编辑并更新问题，提供更多信息，而不是发表评论。请考虑制作小提琴、钢笔或使用SO代码部分。那么我相信我们能为您找到解决方案