个人中心
gpt4 book ai didi

html - 将 标签置于
  • 的中心
    转载 作者：行者123 更新时间：2023-11-28 16:00:29 25 4
    gpt4 key购买 nike

    我是使用 CSS3 的初学者，我正在尝试将包含 SVG 对象的 li 标签居中。

    我希望 SVG 对象居中显示，而其他 li 标签向左和向右浮动。

    此外，SVG 对象比其他 li 大，我想对齐所有 li，以便 SVG 的底部与其他 li 的高度相同。

    关于如何做到这一点的任何提示？

    谢谢!

    * {
        margin: 0;
        padding: 0;
    }

     .container {
        position: relative;
        background-color: red;
        height: 200px;
    }

    ul {
        list-style: none;
        background-color: red;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    ul li {
        background-color: yellow;
        display: inline-block;
        float: right;
    }

    ul li:first-child {
        float: left;
    }

    ul li.svg {
        float: center;
    }
    <div class="container">
        <ul>
            <li>Title</li>
            <li class="svg"><object id="svg" type="image/svg+xml" data="https://la-cascade.io/content/images/2015/06/kiwi.svg" width="20%"></object></li>
            <li><a href="#">Project</a></li>
            <li><a href="#">Project</a></li>
            <li><a href="#">Project</a></li>
            </ul>
    </div>

    最佳答案

    如何定位对象 #svg ？

    关于html - 将 <object> 标签置于 <li> 的中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40238340/

    25 4 0
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com