Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用引导在html中居中标识_Html_Css - Fatal编程技术网

使用引导在html中居中标识

使用引导在html中居中标识,html,css,Html,Css,我有一个1007px x 81px的图像,我正在使用它作为网站的徽标,如果不使用左边距,我就无法将其居中。我试过margin:0,自动 .navbar-brand { width:100%; height:auto; margin-left: 35% } 我假设你的意思是水平居中,因为你的元素有一个宽度,你可以简单地设置它的左边距:auto;和右边距:自动 但设置宽度:100%;将占据其父对象的全部大小,这意味着您需要将父对象居中,而不是子对象居中。为此,我在文章底部添

我有一个1007px x 81px的图像,我正在使用它作为网站的徽标,如果不使用
左边距
,我就无法将其居中。我试过
margin:0,自动

.navbar-brand {
    width:100%;
    height:auto;
    margin-left: 35%
}

我假设你的意思是水平居中,因为你的元素有一个宽度,你可以简单地设置它的左边距:auto;和右边距:自动

但设置宽度:100%;将占据其父对象的全部大小,这意味着您需要将父对象居中,而不是子对象居中。

为此,我在文章底部添加了一个小片段。目前这个问题有一些令人困惑的地方

  • 我不确定您是否打算修改bootstrap中已经存在的navbar brand类,或者是否打算使用自己的名称创建一个新类

  • 如果你的图片很宽,那么它很可能单独出现在网站的一行上,旁边没有其他东西,这使得布局更加简单

  • 如果下面的内容不是你想要的,也许你可以通过发布有问题的HTML、屏幕截图或一些不符合预期的内容来更彻底地调试这个问题

  • 
    .navbar品牌{
    文本对齐:居中;
    浮动:无;
    高度:自动;
    }
    .navbar品牌>img{
    显示:内联;
    }
    
    欢迎来到Stackoverflow。你也可以分享html的相关部分吗?试试
    margin:0auto(没有逗号)我忘了包括navbar品牌的背景图像。我正试图用navbar品牌的img(如果可以居中的话)来居中并在其内部成像。