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>

在＆＃34; divMonthHeader＆＃34;我得到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 [{1}}。

Answer 2

好吧，我很蠢......

我只需要在divMonthHeader和divDayHeader上放置一个比divHeaderHorizon更高的宽度，它就可以工作......

抱歉浪费你的时间。

在溢出的同一行显示div

2 个答案: