asp.net - 在溢出的同一行显示div

Question

我的元素遇到了问题。我需要在溢出的情况下仅在一行上显示一些 div。

这是我的 HTML 代码:

<div id="divHeaderHorizon" runat="server" style="width:1500px; height:50px; margin-left:200px; margin-top:20px; position:absolute; background-color:red; overflow:auto;">
   <div id="divMonthHeader" runat="server" style="height:20px; background-color:blue; position:relative; margin-top:5px;">

   </div>

   <div id="divDayHeader" runat="server" style="height:20px; background-color:blue; position:relative;">

   </div>
</div>

在“divMonthHeader”中，我得到了 6 到 24 个 div，其宽度取决于该月的天数。

这是我的 C# 代码:

HtmlGenericControl divMonth = new HtmlGenericControl("div");
divMonth.ID = date.ToString("MMMM", culture);
divMonth.Style.Add(HtmlTextWriterStyle.BackgroundColor, "white");
divMonth.Style.Add(HtmlTextWriterStyle.Display, "inline-block");
divMonth.Style.Add(HtmlTextWriterStyle.Width, ((DateTime.DaysInMonth(date.Year, date.Month) * 35) + ( 2 * DateTime.DaysInMonth(date.Year, date.Month))) + "px");
divMonth.Style.Add(HtmlTextWriterStyle.TextAlign, "center");
divMonth.Style.Add(HtmlTextWriterStyle.MarginLeft, "2px");
divMonth.Style.Add("float", "left");

Answer 1

在 css 中，这可以通过使用 white-space:nowrap

#divHeaderHorizon
{
    white-space:nowrap;
}

并制作你的内部 div display:inline-block。