gpt4 book ai didi

javascript - 为什么顶部没有正确对齐?

转载 作者:行者123 更新时间:2023-11-30 16:37:08 24 4
gpt4 key购买 nike

我做了一个简单的行演示,其中我从 ionic 框架中取出卡片。实际上我的第一张卡片没有与第二张卡片垂直对齐,为什么?我的第一张牌比第二张牌低一些。但是第三张牌与第四张牌的水平平面图相同这是我的代码 http://codepen.io/anon/pen/jbWqJE enter image description here

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="http://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script>
</head>
<body ng-app="app">
<ion-view view-title="Dashboard">

<ion-content>

<div class="row">

<div class="col">

<div class="card">

<div class="item item-text-wrap">
 This is a basic Card which contains an item that has wrapping
text.

</div>

</div>

</div>

<div class="col">
<div class="card">

<div class="item item-text-wrap">
 This is a basic Card which contains an item that has wrapping
text.

</div>

</div>
</div>

 

</div>

<div class="row">

<div class="col">
<div class="card">

<div class="item item-text-wrap">
 This is a basic Card which contains an item that has wrapping
text.

</div>

</div>
</div>

<div class="col">
<div class="card">

<div class="item item-text-wrap">
 This is a basic Card which contains an item that has wrapping
text.

</div>

</div>
</div>

 

</div>

</ion-content>

</ion-view>

</body>
</html>

最佳答案

Ok 'white dots' 乍看之下在 html 部分看起来很奇怪,我深入研究了一下。这些点将 \u2028 代码表示为“行分隔符”,也称为 \n。你的模板用它们构建了 View 。我从第一张卡片中删除了其中一个 div class="col" 并且一切正常。

Your Fork

关于javascript - 为什么顶部没有正确对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32562106/

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