我有img一个div(class="top_image"),我希望这个图像正好在div的中间,但我尝试的任何东西都没有...
谢谢你的帮助!
我试图将两个图像并排放置,但由于某种原因,它总是将图像显示在彼此之下.有谁知道我怎么能让他们居中并且彼此相邻?
谢谢!
HTML代码
<a href="mailto:olympiahaacht@hotmail.com">
<img id="fblogo" border="0" alt="Mail" src="http://olympiahaacht.be/wp-content/uploads/2012/07/email-icon-e1343123697991.jpg"/></a>
<a href="https://www.facebook.com/OlympiaHaacht" target="_blank">
<img id="fblogo" border="0" alt="Facebook" src="http://olympiahaacht.be/wp-content/uploads/2012/04/FacebookButtonRevised-e1334605872360.jpg"/></a>`
Run Code Online (Sandbox Code Playgroud)
CSS代码
#fblogo {
display: block;
margin-left: auto;
margin-right: auto;
height: 30px;
}
Run Code Online (Sandbox Code Playgroud) 为什么我的屏幕截图图像不在屏幕中央?
到目前为止,我的 css 是这样的:
<section class="hero container max-w-screen-lg mx-auto text-center pb-10">
<div class="">
<img src="/images/screenshot.png" alt="screenshot" width="887" height="550" />
</div>
</section>
Run Code Online (Sandbox Code Playgroud)
当我在 chrome 中检查图像时,我可以看到图像右侧有一些区域不是图像的一部分,而是占用了空间。
这是一个屏幕截图,您可以在其中看到图像右侧的这个不可见填充。
知道发生了什么,因为我想了解我什至无法将简单图像居中。
作为奖励,如果有人可以使用容器解决这个问题,您能否也向我展示使用 flex 的替代方法?我也尝试过“flex items-center”,但对我也不起作用。
我想在Web视图中加载图像,但它会在Web视图的top_left处显示所有图像.我的照片在互联网上而非本地.
gifView.loadUrl(mImageUrl);
gifView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String url) {
view.getSettings().setLoadsImagesAutomatically(true);
if (mProgressBar != null) {
mProgressBar.setVisibility(View.GONE);
}
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
if (mProgressBar != null) {
mProgressBar.setVisibility(View.VISIBLE);
}
}
});
Run Code Online (Sandbox Code Playgroud)
这是我的xml :::
<WebView
android:id="@+id/gif_image"
android:background="@null"
android:layout_gravity="center"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
Run Code Online (Sandbox Code Playgroud)
编辑:我用过:
String HTML_FORMAT = "<html><body style=\"text-align: center; background-color: null; vertical-align: middle;\"><img src = \"%s\" /></body></html>";
final String html = String.format(HTML_FORMAT, mImageUrl);
gifView.loadDataWithBaseURL("", html, "text/html", "UTF-8", "");
Run Code Online (Sandbox Code Playgroud)
但我的形象只有水平中心,如何居中
我的标记很简单,我正在使用内联CSS.我的目标是margin: 0 auto;在styleHTML属性中使用图像居中.这是我尝试过的代码:
<div style="width: 100%;">
<img src="http://dummyimage.com/200x300/000000/fff" style="margin: 0 auto;"/>
</div>Run Code Online (Sandbox Code Playgroud)
为什么CSS不以我为中心<img>?
我在段落中有一个内嵌图像.我想将该图像浮动在段落的中间.我试着以...为中心
<center>
Run Code Online (Sandbox Code Playgroud)
...但我看到它在HTML5中被折旧了.
我试着用漂浮它...
<img style="float: middle;">
Run Code Online (Sandbox Code Playgroud)
......但事实证明,这甚至都不存在.
有没有一个简短的方法来做到这一点,最好是在img标签内,就像使用style属性一样?
到目前为止,这是我的HTML ...
<p>
<img id="resize" width="70%" src="../logo.png" alt="Alt" style="CENTER THIS IMAGE... SOMEHOW...">
</p>
Run Code Online (Sandbox Code Playgroud) 为什么 HTML 中的图像不居中?我已将保证金输入为自动。
<div style="margin: 20px auto" class="elem">
<img
src="https://image.freepik.com/free-vector/online-test-concept-illustration_114360-5486.jpg"
alt="" />
</div>Run Code Online (Sandbox Code Playgroud)