用HTML和CSS布局一个小表格
我是HTML和CSS的新手，还没有“了解”它们的工作原理。 我试图实现一个由两行组成的表，其中第一行只有一列，跨越第二行的两列 在第一行中，我有一个输入框，我希望该行与该输入框的高度一致。在左下角我有一个按钮，它有自己的风格，我希望行（和单元格）符合按钮的大小。在右下角我有一个图像，我希望图像缩放（保留其纵横比），这样它要么填充行的高度（并向右浮动），要么填充单元格的宽度并垂直居中 该表将水平填充其容器（一个div） 有人能给我一些提示吗 我不需要一个表元素，只需要一个不需要指定像素大小就可以实现效果的元素，以保持所有内容的可伸缩性 这是我现在拥有的（一些垃圾可能还在里面…）用HTML和CSS布局一个小表格,html,css,layout,html-table,Html,Css,Layout,Html Table,我是HTML和CSS的新手，还没有“了解”它们的工作原理。 我试图实现一个由两行组成的表，其中第一行只有一列，跨越第二行的两列 在第一行中，我有一个输入框，我希望该行与该输入框的高度一致。在左下角我有一个按钮，它有自己的风格，我希望行（和单元格）符合按钮的大小。在右下角我有一个图像，我希望图像缩放（保留其纵横比），这样它要么填充行的高度（并向右浮动），要么填充单元格的宽度并垂直居中 该表将水平填充其容器（一个div） 有人能给我一些提示吗 我不需要一个表元素，只需要一个不需要指定像素大小就可以实
表格{
显示：表格；
表格布局：自动；
宽度：100%；
}
tr{
显示：表格行；
宽度：自动；
明确：两者皆有；
}
输入{
字体大小：16px；
}
输入[name=“text”]{
线高：1.875；
显示：表格单元格；
宽度：100%；
}
输入[type=“submit”]{
边界：0；
边界半径：0；
背景#d7b221；
盒影：无；
颜色：白色；
字体大小：16px；
字体大小：粗体；
线高：1；
填充：1.4em 1.6em 1.2em；
}
img{
宽度：自动；
高度：52px；
}
a{
显示：块；
浮动：对；
}只要CSS就可以完成所有这些，为什么要首先使用表来布局呢。
从这个站点学习CSS：Bootstrap！请将您目前掌握的代码张贴出来，以便我们查看。关于尺寸，这很简单：不要指定任何尺寸。默认情况下，块元素的大小与其内容的高度相同，因此这就得到了处理。我添加了一些概念代码，除了
显示样式：表格单元格colspan