css浮动不在同一行,CSS - 浮动：留在同一行

.htabs { /* horizontal tabs */

display: table;

}

.htabs li { /* horizontal tab */

position: relative;

float: left;

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAMklEQVQIW2M8e3r/fw4OdgZk8OPHTwbGq5eP/QcxYJIwNlgCpBokAAIwBfglsBqFy3IAqdosZ0m+BQ8AAAAASUVORK5CYII=);

border-left: 1px solid #e1dfd2;

border-top: 1px solid #e1dfd2;

border-right: 1px solid #e1dfd2;

margin-right: 1px;

display: table-row;

}

.htabs li a { /* horizontal tab link */

position: relative;

font-family: 'Open Sans', sans-serif;

font-size: 10px;

font-weight: normal;

color: #444444 !important;

text-shadow: -1px -1px rgba(229,227,215,1), 1px 1px rgba(229,227,215,1);

z-index: 1;

padding: 0 7px;

line-height: 30px;

}

我试图做一个充分响应网站，现在我需要一些帮助。看看图片，当我将浏览器窗口调整为更小的尺寸时 - “标签”正在移到第二行看起来很糟糕。我如何强迫他们留在一条线上？

+2

你会在CSS问题上做的更好，创建一个jsFiddle，以便人们可以实时修补它。 –

+0

我会尽力做jsFiddle –