IPython筆記本將代碼單元放入列中

有沒有辦法以列的形式組織代碼單元？我想在IPython筆記本中編寫派生函數，但是每個輔助方程似乎都破壞了我的派生。我正在使用一個模塊來編寫我的方程式，並將我的方程式輸入到代碼單元格中，因此我無法在減價內使用簡單的HTML對齊方式。任何幫助是極大的讚賞！IPython筆記本將代碼單元放入列中

我的意思是，我想在我的代碼單元看起來像這樣的例子...

enter image description here

而不是常規的垂直排列的孔...

來源

2014-04-29 Charlie

你可以提供一個最小的例子，所以它更清楚你要實現的目標是什麼？ – Jakob

@Jakob，我編輯了我的問題。對不起，不清楚，我希望這有助於...任何想法如何做到這一點？ – Charlie

經過一番四處挖掘，我通過修改筆記本css發現了一個駭人聽聞的解決方案。這適用於IPython 2.0，但可能不適用於1.x！爲了測試這種方法簡單地執行下面的筆記本

%%HTML 
<style> 
div#notebook-container.container { 
    /* This acts as a spacer between cells, that is outside the border */ 
    margin: 2px 0px 2px 0px; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    -ms-box-orient: horizontal; 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -moz-flex; 
    display: -webkit-flex; 
    display: flex; 
    justify-content: space-around; 
    -webkit-flex-wrap: wrap; 
    flex-wrap: wrap; 
    -webkit-flex-direction: row; 
    flex-direction: row; 
} 
div.cell { 
width:550px 
} 
    </style>

這樣你得到一個靈活的佈局框，因此你可以並排有兩個電池浮動的一面。因爲我不是CSS專家，這肯定是一個相當薄弱的黑客，但它似乎工作合理。要更認真地使用這種方法，您可以創建一個新的配置文件並將css添加到您的custom.css中。
我發現了一些靈感here。

結果看起來是這樣的
enter image description here

來源

2014-05-01 21:36:25 Jakob

我目前有一個用於筆記本的css文件，但是這段代碼和我的css腳本似乎有些衝突。我會研究如何讓他們都能工作，謝謝@Jakob！ – Charlie

IPython筆記本將代碼單元放入列中

回答

相關問題