Html 为什么Facebook按钮旁边的文本被分成两行?
你知道为什么Facebook按钮旁边的文字被分成两行吗?因为红色DIV的宽度允许,所以只需要一行。谢谢 HTMLHtml 为什么Facebook按钮旁边的文本被分成两行?,html,css,facebook,facebook-like,Html,Css,Facebook,Facebook Like,你知道为什么Facebook按钮旁边的文字被分成两行吗?因为红色DIV的宽度允许,所以只需要一行。谢谢 HTML 尝试将数据宽度100%添加到类似fb的类中,如下所示: <div class="fb-like" data-width="100%" data-href="https://www.google.be" data-layout="button" data-action="like" data-show-faces="false" data-share="true"><
尝试将数据宽度100%添加到类似fb的类中,如下所示:
<div class="fb-like" data-width="100%" data-href="https://www.google.be" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>
在我看来没问题,可能是其他原因,请尝试在您的#页脚中添加空白:nowrap。left谢谢。刚试过。不幸的是没有成功,你有一个现场演示,我可以为你调试吗?当然,你可以注意到,在英语中,它可能是好的,因为文本较短。感谢您快速查看了您的代码,它是嵌套的!你真的需要用这么多嵌套的标签来包装你的内容吗?元素中的元素?就为了一个页脚?如果这是您想要的,并且您对此感到满意,为了解决您的问题,搜索您的代码并查找450px的值,您左脚的表格和跨距将受到此宽度的限制,这就是您的文字被包装的原因。谢谢!100%不起作用,但550px的固定宽度起了作用!谢谢
.wrapper {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
width: 1000px;
overflow: hidden;
}
#footer {
position: relative;
left: 0;
bottom: 0;
height: 26px;
width: 100%;
background: #fff;
border-top: 5px;
border-top-style: solid;
border-top-width: thin;
border-top-color: #124191;
padding-top: 8px;
}
#footer .left {
float: left;
padding-left: 3px;
color: #333;
font-size: 12px;
background: red;
width:60%;
}
#footer .right {
float: right;
padding-right: 3px;
text-align: right;
font-weight: 600;
font-size: 11px;
background: green;
width:37%;
}
<div class="fb-like" data-width="100%" data-href="https://www.google.be" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>