我正在尝试找到最有效的方法来将文本与div对齐。我尝试了一些方法，但似乎没有一个有效。
.推荐文本{位置：绝对；左：15px；顶部：15px；宽度：150px；高度：309px；垂直对齐：中间；文本对齐：居中；字体系列：Georgia，“Times New Roman”，Times，serif；字体样式：斜体；填充：1em 0 1em 0；}<div class=“推荐文本”>Lorem ipsum dolor sit amet，consectetur adipiscing elit，sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。在最低限度的威尼斯，quis nostrud exerciation ullamco labour nisi Ut aliquip ex a commo consequat。Duis aute irure多尔代表在voluptate velit esse cillum dolore eu fugiat nullapariator。除了你偶尔犯下的错误外，你还得承担责任，这是因为你在实验室里表现得很糟糕。</div>
在现代浏览器中，正确的方法是使用Flexbox。
有关详细信息，请参阅此答案。
请参阅下面的一些在旧浏览器中工作的旧方法。
CSS中的垂直居中http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
文章摘要：
对于CSS2浏览器，可以使用display:table/display:table单元格来居中显示内容。
JSFiddle也提供了示例：
div｛border:1px实心绿色；｝<div style=“display:table；height:400px；溢出：隐藏；”><div style=“display：表格单元格；垂直对齐：中间；”>＜div＞在现代IE8+和其他版本中，一切都是垂直居中的。</div></div></div>
可以使用#将旧浏览器（Internet Explorer 6/7）的黑客行为合并到样式中，以隐藏新浏览器的样式：
div｛border:1px实心绿色；｝<div style=“display:table；height:400px；#position:relative；overflow:hidden；”><div样式=“#位置：绝对；#顶部：50%；显示：表格单元格；垂直对齐：中间；”><div style=“#position:relative；#top:-50%”>一切都是垂直居中的</div></div></div>
在现代浏览器中，正确的方法是使用Flexbox。
有关详细信息，请参阅此答案。
请参阅下面的一些在旧浏览器中工作的旧方法。
CSS中的垂直居中http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
文章摘要：
对于CSS2浏览器，可以使用display:table/display:table单元格来居中显示内容。
JSFiddle也提供了示例：
div｛border:1px实心绿色；｝<div style=“display:table；height:400px；溢出：隐藏；”><div style=“display：表格单元格；垂直对齐：中间；”>＜div＞在现代IE8+和其他版本中，一切都是垂直居中的。</div></div></div>
可以使用#将旧浏览器（Internet Explorer 6/7）的黑客行为合并到样式中，以隐藏新浏览器的样式：
div｛border:1px实心绿色；｝<div style=“display:table；height:400px；#position:relative；overflow:hidden；”><div样式=“#位置：绝对；#顶部：50%；显示：表格单元格；垂直对齐：中间；”><div style=“#position:relative；#top:-50%”>一切都是垂直居中的</div></div></div>
