gpt4 book ai didi

html - 未对齐的 2 行 2 列 li 标签内容

转载 作者:行者123 更新时间:2023-11-28 04:54:25 24 4
gpt4 key购买 nike

<分区>

我的页面部分有 2 列和 2 行文本。

第 1 列和第 1 行的列内容应始终对齐在同一行中。我面临的问题是它们不是。第 2 列与第 1 列下方的一行或两行对齐。这是 fiddle 中的行为,但在我的服务器中则相反。这发生在小屏幕 kciks 的媒体查询中。

有什么办法可以解决这个问题吗?

HTML代码:

<section class="carousel freedom container"> <!--Freedom section -->

<ul class="two-col left-col">
<li class="pen"> <span class="icon-text"> <em>Work</em> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXTTEXT TEXT TEXT</span> </li>
<li class="arrow"> <span class="icon-text"> <em>Access </em> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXTTEXT TEXT TEXT</span> </li>
</ul>
<ul class="two-col right-col">
<li class="phone"> <span class="icon-text"> <em>Go </em> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT</span> </li>
<li class="download"> <span class="icon-text"> <em>Stay </em> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</li>
</ul>
</section> <!--End of Freedom carousel -->

摆弄 CSS:http://jsfiddle.net/LaL6c4cx/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com