垂直單選按鈕

Question

的名單不知何故材料設計精簡版只給出的水平單選按鈕實例文檔：https://getmdl.io/components/index.html#toggles-section/radio

，如果你想成爲移動這是不夠的，你的標籤的長度是幾個單詞。

反正這裏是一個codepen：http://codepen.io/anon/pen/oBKPeY

我試圖<br>分離項目，並在<p>包裝他們，但它並不能幫助。我想一些忍者CSS技巧可以解決它。

Answer 1

如果我理解你正確地，你可以只是修改你的風格規則mdl-radio在移動設備上：

.mdl-radio { 
    position: relative; 
    font-size: 16px; 
    line-height: 24px; 
    display: block; 
    vertical-align: middle; 
    box-sizing: border-box; 
    height: 24px; 
    margin: 0; 
    padding-left: 0; 
    margin-bottom: 32px; 
} 

通知display: block & margin-bottom: 32px。