Android 原生,Vue.js 的属性 justify-content: flex-end; 外面套两层 <p>,就不起作用。备注:web 下是好的。
见代码:
<template>
<p class="page">
<p class="con">
<p class="title">
<text class="titleText">标题 ... ...</text>
</p>
<p class="validate">
<text class="validateText">内容 ... ...</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>
Looking at your code, I guess you want to put the "title" at the bottom. First of all, the justify-content attribute is not from vue.js, but from Flexbox. You can try writing like this:
If you want multiple people to answer, it is recommended to post the renderings.
You must first set display to flex before you can use the properties of flexbox, otherwise display:block