CSS调整宽度取决于元素

瓦伊巴夫·巴努沙利

我正在开发导航菜单

在此处输入图片说明

如果您看到图像,那么右边还有一些空间,我该如何自动调整那里的空间。

没有固定的元素数。它们可以是2,3,4之类的

[目前有4个]

马特

达到此目的的最佳方法是通过display: table在上使用,使水平导航栏表现为表格uldisplay: table-cell你的li

如果您发布了一些代码,我将为您提供更好的指导;但这是一个例子:

    nav { 
        width: 500px; /* This would be set to the width of the existing container */
    }

    nav ul {
        list-style: none;
        margin:0;
        padding:0;
        display: table;
        width: 100%; 
    }

    nav li {
        text-align: center;
        display: table-cell;
    }
    nav a {
        display: block;
        text-align: center;
    }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS宽度应取决于父级

来自分类Dev

CSS高度取决于宽度吗?

来自分类Dev

高度等于宽度,取决于调整javascript的大小

来自分类Dev

纯 CSS:垂直和水平居中一个绝对定位元素,其宽度取决于子元素

来自分类Dev

行内块中的显示元素取决于部分宽度

来自分类Dev

CSS文字溢出:省略号不取决于宽度

来自分类Dev

jQuery CSS的左变化取决于div宽度的图像

来自分类Dev

宽度取决于响应类别

来自分类Dev

使Div自动调整大小取决于元素-两列一一对齐到底部

来自分类Dev

动态更改UITextField宽度取决于内容

来自分类Dev

隐藏/显示Div取决于屏幕宽度

来自分类Dev

响应填充/宽度取决于内容

来自分类Dev

获取文本高度取决于宽度

来自分类Dev

文本后的行宽,取决于文本的宽度

来自分类Dev

响应方块取决于内容宽度

来自分类Dev

动态更改UITextField宽度取决于内容

来自分类Dev

取决于内容的条件 css

来自分类Dev

列出其元素取决于先前的元素

来自分类Dev

DIV宽度取决于包含的IMG宽度。内部文字溢出

来自分类Dev

设置div的宽度取决于图像的x宽度

来自分类Dev

使用CSS调整位置绝对元素的宽度以适应内容

来自分类Dev

均匀的列宽取决于元素数

来自分类Dev

XSD验证元素取决于父节点

来自分类Dev

均匀的列宽取决于元素数

来自分类Dev

不同样式取决于显示的元素

来自分类Dev

CSS的列数取决于大小

来自分类Dev

更改CSS取决于用户选择的内容

来自分类Dev

动态内容取决于CSS类

来自分类Dev

Bootstrap Change CSS取决于移动布局