flexbox

    1熱度

    1回答

    如何使柔性行響應引導4

    目前的頁面看起來是這樣的： 現就調整到手機屏幕彎曲箱溢出容器： HTML： <div id="bars" class="d-flex flex-row text-white text-center"> <div class="port-item p-4 bg-primary" data-toggle="collapse" data-target="#home"> <
    html css twitter-bootstrap flexbox bootstrap-4 2017-09-16

    0熱度

    1回答

    無法讓我的標題和主要樣式正確

    我有一個網頁，我正試圖做兩件事：在「桌面」視圖中，我希望標題在側面和「移動」視圖我想頭部位於頂部。我還希望頭部固定（或粘滯）到位，並且我希望頭部或側面的標題周圍沒有「空白」。我的問題是，如果我的位置粘滯，我無法弄清楚如何讓頁眉佔據頁面的全部寬度（位於頂部時）或在桌面視圖中以全高度上下排列。但是，當我將位置更改爲固定而非粘性時，標題涵蓋了大部分文章，而在移動視圖中，並且當我應用邊距頂部值時，它對該特
    html css css3 flexbox 2017-09-17

    0熱度

    1回答

    柔性盒。兩列，一個以最小的寬度

    body{ margin: 0; } .wrapper{ min-height: 100vh; background: #ccc; display: flex; flex-direction: column; } .header, .footer{ height: 50px;
    html css flexbox 2017-09-22

    0熱度

    1回答

    在cj的reactjs中的位置

    大家好，我正在研究Reactjs項目，我想在輸入字段裏面添加提交按鈕，但是我不能添加，誰能幫我把提交按鈕放在輸入字段裏面，謝謝事先，我的演示代碼，預期和實際的結果是連接 Reactjs代碼 <div className={styles.subscribeInputContainer}> {I18n.getComponent( (formattedValue)
    css3 reactjs flexbox 2017-09-22

    1熱度

    1回答

    語義UI側欄，部分高度

    全部！ 我寫，因爲我試圖找出如何我會去了解以下信息： 我想寫一個應用程序（電子+ Vue公司，特別是），提供導航和使用語義的東西窗口左側的UI側邊欄。 事情是，我只想讓側邊欄大約佔窗口高度的75-80％，底部20-25％是一個靜態框（我正在爲Steam開發一個小型開發工具遊戲，所以此框將包含有關Semantic菜單上選定節點的信息）。 我已經附上（實在太差畫）的圖片作爲我希望實現什麼的例子： 無論
    javascript css3 vue.js flexbox semantic-ui 2017-09-23

    4熱度

    2回答

    設置父div的定位固定元素寬度不起作用

    我試圖修復位置元素，並採取父div的全寬。這是我的html： <div class="col-md-3"> <div class="player-avatar-card"> <div class="card-body"> <div class="avatar-image"> <img src="/imagecache/small/{{ $p
    jquery twitter-bootstrap flexbox css-position bootstrap-4 2017-09-23

    1熱度

    2回答

    柔性盒'Align-self'在轉盤上未正確對準

    我正在製作flexbox圖像轉盤，並且我想將右側和左側按鈕放置在轉盤柔性盒內，因此我將它們定位爲絕對。我將包裝器設置爲flex-flow: row，所以我的直覺告訴我們，當將按鈕設置爲align-self: flex-end和flex-start時，應該在flexbox 行的開始和結束處分別進行。 我做了一個快速codepen到ilustrate事項：https://codepen.io/Xgr/
    html css css3 flexbox 2017-09-23

    0熱度

    1回答

    CSS flex div image to the right

    <!DOCTYPE html> <html> <head> <style> .div1 { border: 1px solid red; display: flex; align-items: flex-start; } </style> </head> <body> <div class="div1"> 123<br>456<br>78
    html css image css3 flexbox 2017-09-23

    2熱度

    1回答

    Flexbox的文字，包裝

    我有以下佈局： .main { height: 200px; width: 300px; border: 1px solid black; background-color: rgba(255, 46, 0, 0.5); } .container { height: 200px; width: 2
    html css css3 flexbox wrap 2017-09-24

    2熱度

    1回答

    向全寬柔性盒的中心擠壓'rem`大小的物品

    這個問題涉及很多代碼。代碼can be found here如果你想玩它。爲了演示我需要插入一些ipsum-like文本的佈局。 HTML <main> <section data-pc-layout="mast"> <article> <header><h2>Seriously serious seriousness</h2></header> <p>
    css css3 flexbox 2017-09-24
最新問題