蚂蚁设计:如何使物品的高度相等

时间:2018-09-12 12:51:51

标签: reactjs antd

我在我的React项目中使用Ant Design。使用行时,我希望行中的所有列都具有相同的高度。

现在会发生什么:

enter image description here

我期望的是

enter image description here

你们知道如何做吗?

3 个答案:

答案 0 :(得分:1)

是的,值为 flex 的Ant Row type属性将帮助您实现这一目标。

尝试这样的事情:

// create object 1  , note: r = database

let lista = TaskList()

lista.pid = 1

lista.name = "Whole List"

// create object 2

let lista2 = TaskList()

lista2.pid = 2

lista2.name = "Whole List 2" 

// add to database by write

r.add([lista,lista2]) 

let stored  = r.objects(TaskList.self)

print("before edit" , stored)

// edit name of object 2

lista2.name = "qqwwqwqwqwqwqwqwq" 

// update the object after changing it's name

r.add(lista2, update: true) 

let stored2  = r.objects(TaskList.self)

print("after edit" , stored2)

答案 1 :(得分:0)

似乎不再支持Ok。 我刚刚将type="flex"设置为Col的第一个孩子。 enter image description here

答案 2 :(得分:0)

对我来说,display:flex 对每个 Col 都有效。