Html 以浮动分割方式垂直对齐多行文本

Html 以浮动分割方式垂直对齐多行文本,html,css,Html,Css,我有两个部门需要相邻浮动。右边有一张图片,左边有少量文字。我想要的是文本在左分区中垂直对齐。如果我设置了一个行高度,我可以让它工作,但这会导致需要文本换行的分辨率出现问题 我似乎不知道如何分类 正文 我会使用显示:表格和显示:表格单元格: .table{ 显示:表格; 宽度:100%; } .td{ 显示:表格单元格; 垂直对齐:中间对齐; } Lorem ipsum dolor sit amet,是一位杰出的献身者。不,我是自由的,我是一个修女。埃蒂亚姆和多洛麦格纳。佩伦茨克门的塞姆佩

我有两个部门需要相邻浮动。右边有一张图片,左边有少量文字。我想要的是文本在左分区中垂直对齐。如果我设置了一个行高度,我可以让它工作,但这会导致需要文本换行的分辨率出现问题

我似乎不知道如何分类


正文

我会使用
显示:表格
显示:表格单元格

.table{
显示:表格;
宽度:100%;
}
.td{
显示:表格单元格;
垂直对齐:中间对齐;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。不,我是自由的,我是一个修女。埃蒂亚姆和多洛麦格纳。佩伦茨克门的塞姆佩尔·米万岁。

我会使用
显示:表格
显示:表格单元格

.table{
显示:表格;
宽度:100%;
}
.td{
显示:表格单元格;
垂直对齐:中间对齐;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。不,我是自由的,我是一个修女。埃蒂亚姆和多洛麦格纳。佩伦茨克门的塞姆佩尔·米万岁。

您的意思是相对于整个视口垂直对齐吗?或者到底是为了什么?我需要在它所在的分区中垂直对齐,这样它就会显示在图像的一半。你是说相对于整个视口垂直对齐吗?或者到底是为了什么?我需要在它所在的分区中垂直对齐,这样它就会显示在图像的一半。或者干脆用表格代替分区。请您详细解释一下?那张桌子是什么?会弄坏的?只是想知道您必须覆盖所有浏览器的默认表格样式,并且使表格具有响应性并不是一项简单的任务。这样使用
显示
意味着您可以轻松地在
表格
之间切换,
block
等媒体查询它可能会起作用,但如果你不显示表格数据,它肯定不是正确的元素。@RichardYoung-在这篇文章中,有很多关于垂直对齐的技术被广泛介绍。您需要解释为什么display:table不是您想要的。或者简单地使用一个表而不是div。请您详细解释一下好吗?那张桌子是什么?会弄坏的?只是想知道您必须覆盖所有浏览器的默认表格样式,并且使表格具有响应性并不是一项简单的任务。这样使用
显示
意味着您可以轻松地在
表格
之间切换,
block
等媒体查询它可能会起作用,但如果你不显示表格数据,它肯定不是正确的元素。@RichardYoung-在这篇文章中,有很多关于垂直对齐的技术被广泛介绍。您需要解释为什么display:table不是您想要的。