html5中两张图片重叠,css - 在html5中，如何确保两个图片下方的项始终居中 - 堆栈内存溢出...

因此，我在图像旁边有一个段落文本，对于默认的计算机屏幕，理想情况下，我希望图像高度的大小可以防止文本在其下环绕，因此有时我会调整jpeg，使其周围有更大的空间。

然后有时候我有一个嵌入的视频，我想在屏幕截图中显示为中心。

麻烦的是如果没有足够的文本，那么如果我嵌入视频，则它仅以上述文本的宽度为中心，而不是整个屏幕，如图所示

如果文本太多，那么文本流就无法处理图像，那么事情就可以正常进行了，问题在于这还不够。 困难在于，没有完美的图像/文本设置，因为它会随着屏幕的变化而变化，对于翻译后的页面，翻译后的文本的长度也会变化，我不想为每种语言修改图像边框。 我的问题是，无论如何确保这一点，我始终希望视频居中。

这是示例html

Understands Classical

SongKong understands Classical music. The Metadata demands for Classical are very different to Pop/Rock music, credit is usually given to not only the performer but also the

conductor, orchestra and composer. In Pop/Rock an album usually represents the artistic intent of the artist, i.e. the album was conceived

and created as a single body of work. In Classical it is more complicated, Classical composers work in terms of Symphonies or Sonatas

rather than albums, we call these Works. These works comprise sub works or movements, and there may be additional levels. When Classical music is released as an album it may only contain part of a

work, or conversely multiple works, so the album grouping may not be the most important grouping.

SongKong identifies Classical releases and captures this additional information in dedicated metadata fields.

It can also identify other Classical information such as the Opus No and the performers with their instruments. SongKong can automtically update the new iTunes Work and Movement fields.

和CSS

.section_image {

height: auto;

}

.Section {

clear:both;

padding-top:50px;

padding-bottom:50px;

}

.align_left {

float:left;

margin-right:20px;

clear:both;

}

.align_right {

float:right;

margin-left:20px;

clear:both;

}

.videowrapper iframe {

margin: 0 auto;

display:table;

width: 500px;

height: 300px;

}