Html CSS内联Div不可见间距?
我一直在努力让这些小分队排成一排,彼此之间没有空间。不太清楚发生了什么。。。我什么都试过了,只是不知道这是什么。。。我知道这是一个简单的修复,但它似乎不想工作。奇怪的是,有时我会在Chrome上乱搞实时代码,而它似乎神奇地瞬间起作用 感谢您的帮助 这是我的小提琴: HTMLHtml CSS内联Div不可见间距?,html,css,Html,Css,我一直在努力让这些小分队排成一排,彼此之间没有空间。不太清楚发生了什么。。。我什么都试过了,只是不知道这是什么。。。我知道这是一个简单的修复,但它似乎不想工作。奇怪的是,有时我会在Chrome上乱搞实时代码,而它似乎神奇地瞬间起作用 感谢您的帮助 这是我的小提琴: HTML <div class="table-Container"> <div id="fan-free-container"> FAN-FREE AND ENERGY EFFICIEN
<div class="table-Container">
<div id="fan-free-container">
FAN-FREE AND ENERGY EFFICIENT<br>
<div id="seriesContainer">
<div id="tx4200Container"><div class="txHeader">TX4200E</div></div>
<div id="ks6700Container"><div class="ksHeader">KS6700</div></div>
<div id="ks7200Container"><div class="ksHeader">KS7200</div></div>
<div id="ks7500Container"><div class="ksHeader">KS7500</div></div>
<div id="ks7700Container"><div class="ksHeader">KS7700</div></div>
</div>
</div>
</div>
内联元素对空格很敏感,因此您可以像下面这样消除div之间的空格
您还可以在它们之间使用HTML注释,如:
在谷歌上搜索一下答案就在这里@NinjaFart你做了什么?@metsales我只是把所有的DIV都放在一行。@NinjaFart所以它基本上是把新行字符变成空格?
#fan-free-container {
background: rgb(230,231,233);
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
text-align: center;
border-style: solid;
border-color: #c4c5c6;
border-width: 2px;
}
#seriesContainer > div{
display: inline-block;
}
#seriesContainer div > div{
padding: 4px 25px;
color: white;
font-weight: bold;
border-style: solid;
border-color: #c4c5c6;
border-width: 2px;
}
.txHeader {
background: -webkit-linear-gradient(#af9358, #ded1b9); /* For Safari */
background: -o-linear-gradient(#af9358, #ded1b9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#af9358, #ded1b9); /* For Firefox 3.6 to 15 */
background: linear-gradient(#af9358, #ded1b9); /* Standard syntax (must be last) */
}
.ksHeader {
background: -webkit-linear-gradient(#06426b, #93a7c2); /* For Safari */
background: -o-linear-gradient(#06426b, #93a7c2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#06426b, #93a7c2); /* For Firefox 3.6 to 15 */
background: linear-gradient(#06426b, #93a7c2); /* Standard syntax (must be last) */
}