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