我需要将html内容放在div class="Partner"(带有2个图像的顶部div)中.正如您从下图中看到的(它漂浮在div的左侧,而不是中心):

在此处输入图像描述

这是我的html代码:

<div id="partners">
    <div class="wrap clearfix">
        <h2>Partnertnerzy serwisu:</h2>
        <ul>
            <li><a href="http://www.dilbert.com/"><img width="56" height="16" alt="Parnter bar wika" src="/as/partners/wika.png"></a></li>    
            <li><a href="http://www.youtube.com><img width="65" height="15" alt="Parnter bar siemens" src="/as/partners/siemens.png"></a></li>    
        </ul>
        <a class="linkClose" href="/firmy?clbp=1">Zamknij </a>
    </div>
</div>

图像: 在此处输入图像描述

CSS:

#partners, #top {
    position: relative;
    z-index: 100;
}
#partners {
    margin: 12px 0 3px;
    text-align: center;
}
.clearfix:after, .row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#partners .wrap {
    width: 655px;
}
.wrap {
    margin: 0 auto;
    position: relative;
    width: 990px;
}
#partners h2 {
    color: #A6A5A5;
    float: left;
    font-weight: normal;
    margin: 2px 15px 0 0;
}
#partners ul {
    float: left;
}
ul {
    list-style-position: outside;
    list-style-type: none;
}

推荐答案

要使div居中,请将其宽度设置为某个值,并添加空白处:auto.

#partners .wrap {
    width: 655px;
    margin: auto;
}

编辑时,您希望将div内容居中,而不是div本身.您需要将h2ulli的显示属性更改为inline,并删除float: left.

#partners li, ul, h2 {
    display: inline;
    float: none;
}

然后,它们将像普通文本元素一样进行布局,并根据其容器的文本对齐属性对齐,这正是您想要的.

Css相关问答推荐

在菜单中最后一项之后排除MUI分隔符

如何使用css::Part()定位Web组件shadowDOM中的第N个元素

我的css是我的react 应用程序没有按预期工作

防止表格水平拉伸整个Blazor页面

截断风景中的柔子或强制在其自己的线上,如果是肖像

在文本之前添加了额外的空间-Angular 树视图CSS

如何在横向和纵向布局上使用 CSS 网格中的纵横比来保持纵横比

flexbox换行时自动设置高度的原理是什么

如何在变量中插入 SCSS 变量?

Nativewind 的某些样式不适用于本机 (Android),但它们适用于网络

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

Tailwind Box-shadow

如何使用 TailwindCSS 禁用环形阴影?

如何定位 CSS 网格布局中的特定列或行?

为什么无论我做什么都不能改变复选框的 colored颜色 ?

边界半径应该剪辑内容吗?

CSS Select /样式第一个词

thead 和 tbody 之间的间距

从 css 添加标题属性

如何在页面上居中 twitter bootstrap 选项卡?