对于 Windows 窗体中的 WebBrowser 控件，如何将图像放置在文档的中心(水平和垂直)？
以下代码在 JSFiddle ( https://jsfiddle.net/3es05myx/ ) 中有效，但在 WebBrowser 控件中无效:
this.webBrowser.DocumentText =
"<!DOCTYPE HTML>" +
"<html>" +
"<head>" +
"<style type=\"text/css\">" +
"img.center {" +
"position: absolute;" +
"top: 0; bottom:0; left: 0; right:0;" +
"margin: auto;" +
"}" +
"</style>" +
"</head>" +
"<body>" +
"<img class=\"center\" src=\"https://d1u2uhea8ugy8e.cloudfront.net/info/static/img/globals/loading.gif\">" +
"</body>" +
"</html>";
它给了我以下结果:
这是预期的行为:
为什么？我究竟做错了什么？我该如何解决？
提前致谢。
最佳答案
你应该拿一个 div 并把中心类给那个 div 而不是给 img 标签。
看看这个例子。
.center{
width:100%;
text-align:center;
vertical-align:middle;
height:300px;
padding-top:130px;
}<div class='center'>
<img src="https://d1u2uhea8ugy8e.cloudfront.net/info/static/img/globals/loading.gif">
<div>关于c# - 如何在 Windows 窗体中将图像置于文档的中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29250938/