国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>在嘗試使用flexbox創(chuàng)建一個(gè)有用的模態(tài)框時(shí)，我發(fā)現(xiàn)了一個(gè)似乎是瀏覽器問題的情況，并想知道是否有已知的修復(fù)方法或解決方法 - 或者對如何解決它有什么想法。</p> <p>我試圖解決的問題有兩個(gè)方面。首先，垂直居中模態(tài)窗口，這個(gè)功能按預(yù)期工作。第二個(gè)是讓模態(tài)窗口滾動 - 外部滾動，所以整個(gè)模態(tài)窗口滾動，而不是其中的內(nèi)容（這樣你可以有下拉菜單和其他可以超出模態(tài)框范圍的UI元素 - 如自定義日期選擇器等）。</p> <p>然而，當(dāng)將垂直居中與滾動條結(jié)合使用時(shí)，模態(tài)框的頂部可能變得無法訪問，因?yàn)樗_始溢出。在上面的示例中，您可以調(diào)整大小以強(qiáng)制溢出，在這樣做時(shí)，它允許您滾動到模態(tài)框的底部，但無法滾動到頂部（第一段被截?cái)啵?lt;/p> <p><br />></p>

.modal-container {
  位置：固定；
  頂部：0；
  左：0；
  底部：0；
  右：0；
  背景：rgba(0,0,0,0.5);
  溢出-x：自動；
}
.modal-container .modal-window {
  顯示：-ms-flexbox；
  顯示：柔性；
  彈性方向：列；
  對齊項(xiàng)目：居中；
  調(diào)整內(nèi)容：居中；
  /* 確認(rèn)滾動行為的可選支持在 IE10 中有意義
  //-ms-flex-方向：列；
  //-ms-flex-align: 中心;
  //-ms-flex-pack: 中心; */
  高度：100%；
}
.modal-container .modal-window .modal-content {
  邊框：1px實(shí)心#ccc；
  邊框半徑：4px；
  背景：#fff；
  寬度：100%；
  最大寬度：500px；
  內(nèi)邊距：10 像素
}</前>
<pre class="brush:html;toolbar:false;"><div class="modal-container">
    <div class="modal-window">
        <div class="modal-content">
            <p class="p3">Lorem Ipsum 是印刷和排版行業(yè)的簡單虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業(yè)標(biāo)準(zhǔn)的虛擬文本，當(dāng)時(shí)一位不知名的印刷商拿走了一堆字體并將其打亂以制作一本字體樣本簿。它不僅經(jīng)歷了五個(gè)世紀(jì)的考驗(yàn)，而且跨越了電子排版的時(shí)代，基本保持不變。它在 20 世紀(jì) 60 年代隨著包含 Lorem Ipsum 段落的 Letraset 表的發(fā)布而流行起來，最近又隨著包含 Lorem Ipsum 版本的 Aldus PageMaker 等桌面出版軟件而流行。
            <p class="p3">Lorem Ipsum 是印刷和排版行業(yè)的簡單虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業(yè)標(biāo)準(zhǔn)的虛擬文本，當(dāng)時(shí)一位不知名的印刷商拿走了一堆字體并將其打亂以制作一本字體樣本簿。它不僅經(jīng)歷了五個(gè)世紀(jì)的考驗(yàn)，而且跨越了電子排版的時(shí)代，基本保持不變。它在 20 世紀(jì) 60 年代隨著包含 Lorem Ipsum 段落的 Letraset 表的發(fā)布而流行起來，最近又隨著包含 Lorem Ipsum 版本的 Aldus PageMaker 等桌面出版軟件而流行。
            <p class="p3">Lorem Ipsum 是印刷和排版行業(yè)的簡單虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業(yè)標(biāo)準(zhǔn)的虛擬文本，當(dāng)時(shí)一位不知名的印刷商拿走了一堆字體并將其打亂以制作一本字體樣本簿。它不僅經(jīng)歷了五個(gè)世紀(jì)的考驗(yàn)，而且跨越了電子排版的時(shí)代，基本保持不變。它在 20 世紀(jì) 60 年代隨著包含 Lorem Ipsum 段落的 Letraset 表的發(fā)布而流行起來，最近又隨著包含 Lorem Ipsum 版本的 Aldus PageMaker 等桌面出版軟件而流行。