中心
中的元素取决于
尺寸

发布于 2024-11-30 04:11:46 字数 439 浏览 1 评论 0原文

在上图中，您可以看到 - 它并不完美 - 所有

项目没有，但无论大小如何，它们都以

如何我可以这样做吗？

ul{ width:160px; }
li{ width:auto; margin:5px auto;}

不起作用..-

使用文本编辑的图像-

一些文本

原文

In the image above, you can see that -its not perfect- all the <ul> elements have all the same size, and the <li> items no, but they are centered in the <ul> no matter what size is (always assuming that will be smaller)

how can i do this?

ul{ width:160px; }
li{ width:auto; margin:5px auto;}

is not working..

-Image edited with texts-

some text for the

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

胡渣熟男 2024-12-07 04:11:46

我不太明白你想用图像表达什么，但以下是如何制作看起来像它们的东西。

参见： http://jsfiddle.net/thirtydot/wGpPc/

<强>HTML：

<div class="listContainer">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        ..
    </ul>
</div>

CSS：

.listContainer {
    width: 160px;
    background: #ccc;
    border: 1px solid #444;
    float: left;
    text-align: center;
    margin-right: 9px
}
.listContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: #f0f;

    /* for ie6/7 */
    *display: inline;
    zoom: 1
}
li {
    margin: 5px 0;
    background: #fff
}

I don't really understand what you're trying to say with your images, but here's how to make something that looks like them.

See: http://jsfiddle.net/thirtydot/wGpPc/

HTML:

<div class="listContainer">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        ..
    </ul>
</div>

CSS:

.listContainer {
    width: 160px;
    background: #ccc;
    border: 1px solid #444;
    float: left;
    text-align: center;
    margin-right: 9px
}
.listContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: #f0f;

    /* for ie6/7 */
    *display: inline;
    zoom: 1
}
li {
    margin: 5px 0;
    background: #fff
}

回复收藏 0 原文

~没有更多了~