gpt4 book ai didi

html - 如何以类似网格的方式定位我的内容

转载 作者:太空宇宙 更新时间:2023-11-04 03:44:51 26 4
gpt4 key购买 nike

我有一堆类似这样的网络应用程序控件

--------------------------------------------------------------------------
Banana: | Number of slices: [dropdown] | Slice thickness: [dropdown]
--------------------------------------------------------------------------
Cucumber: | Number of slices: [dropdown] | Slice thickness: [dropdown]
--------------------------------------------------------------------------

我想将它们放置在类似网格的布局中,但我感觉表格不适合(即使它们非常适合我的情况)。我很难弄清楚如何对齐列,使它们在位置和长度上匹配(那些管道 (|) 实际上是不可见的,但如果它们是可见的,我希望它们完全对齐(当然还有“单元格”的长度不同))。

最佳答案

这里是表格输入。表格的每一行都是一种成分,每一列确实是一列(首先是标签列,然后是切片列,然后是厚度)。你绝对应该使用 <table>为此。

但是,我建议在布局上做这个小改动:

<b>Ingredient</b> |   <b>Slices</b>   | <b>Thickness</b>
------------------------------------
Banana | [dropdown] | [dropdown]
------------------------------------
Cucumber | [dropdown] | [dropdown]

只是让它更像 table ;)

关于html - 如何以类似网格的方式定位我的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24312004/

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