weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用
問題描述
Android 原生,Vue.js 的屬性 justify-content: flex-end; 外面套兩層 <p>,就不起作用。備注:web 下是好的。
見代碼:<template><p class='page'>
<p class='con'> <p class='title'><text class='titleText'>標(biāo)題 ... ...</text> </p> <p class='validate'><text class='validateText'>內(nèi)容 ... ...</text> </p></p>
</p></template><style scoped>
.page { }.con {background-color:#CCCCCC; flex-direction: row;}.title{ margin: 5px; flex-direction: column; justify-content: flex-end; background-color:#FFFFFF;}.titleText{ font-size: 28px; background-color:red;}.validate{ margin: 5px; background-color:#CCCCCC; height: 100px; flex:1;}.validateText {font-size: 24px; margin:5px;}
</style>
問題解答
回答1:看你的代碼,猜想是想讓“標(biāo)題”置底。首先justify-content屬性不是vue.js的,是Flexbox的。你可以嘗試這樣寫:
.title{ margin: 5px; flex-direction: column;//默認(rèn)就是column 不需要寫 justify-content: flex-end;//主軸方向上排列在容器后面,可以考慮不寫,用下面 align-items:flex-end;//下對齊 background-color:#FFFFFF;}
如果想要多人回答,建議將效果圖貼出來。
回答2:先得 display為flex,才能使用flexbox的屬性,不然是display:block
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - 移動端上不能實(shí)現(xiàn)拖拽布局嗎?3. 實(shí)現(xiàn)bing搜索工具urlAPI提交4. javascript - react native在run-android時(shí)出現(xiàn)這個錯誤該怎么解決?大神賜教5. angular.js - 單頁應(yīng)用(ng/vue)該如何監(jiān)聽用戶離開當(dāng)前頁面(或者路由)?6. javascript - 如何判斷不同兩個對象觸發(fā)同一事件?7. 前端 - 這段代碼一直生效不了,查半天因?yàn)?top: 0px; 分號后一個隱藏的東西,也不是占位符...刪了就可以生效,這是什么情況。。8. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙9. index.php錯誤,求指點(diǎn)10. c++ - QWebEngineView加載url后直接點(diǎn)擊鏈接沒有反應(yīng)要怎么解決?

網(wǎng)公網(wǎng)安備