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

我的项目遇到了问题。我只需要在溢出的一行上显示一些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");

最佳答案

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

#divHeaderHorizon
{
    white-space:nowrap;
}

并使您的inner-divs display:inline-block。

关于asp.net - 在溢出的同一行上显示div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22981575/