相关疑难解决方法(0)

div水平居中图像

我有img一个div(class="top_image"),我希望这个图像正好在div的中间,但我尝试的任何东西都没有...

谢谢你的帮助!

html css

207
推荐指数
6
解决办法
41万
查看次数

CSS - 将两个图像并排放在css中

我试图将两个图像并排放置,但由于某种原因,它总是将图像显示在彼此之下.有谁知道我怎么能让他们居中并且彼此相邻?

谢谢!

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

22
推荐指数
3
解决办法
12万
查看次数

尝试使用顺风容器将图像居中时遇到问题 - 图像右侧的不可见填充

为什么我的屏幕截图图像不在屏幕中央?

到目前为止,我的 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”,但对我也不起作用。

在此处输入图片说明

css tailwind-css

7
推荐指数
1
解决办法
1万
查看次数

Android:WebView在中心加载图片

我想在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)

但我的形象只有水平中心,如何居中

android webview

6
推荐指数
2
解决办法
2万
查看次数

CSS保证金:0自动; 没有在<img>标签上工作

我的标记很简单,我正在使用内联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>

html css margin

5
推荐指数
1
解决办法
2万
查看次数

浮动图像在中心

我在段落中有一个内嵌图像.我想将该图像浮动在段落的中间.我试着以...为中心

<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 css html5

2
推荐指数
1
解决办法
3万
查看次数

为什么元素不去中心?

为什么 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)

html css

-2
推荐指数
1
解决办法
99
查看次数

标签 统计

css ×6

html ×4

android ×1

html5 ×1

margin ×1

tailwind-css ×1

webview ×1