it is in the middle on the Android, but it is crooked with the Apple 6 test. It doesn"t work with either of the following.
display: flex;
justify-content: center;
align-items: center; text-align: center; 
it is in the middle on the Android, but it is crooked with the Apple 6 test. It doesn"t work with either of the following.
display: flex;
justify-content: center;
align-items: center; text-align: center;
your first solution is not good., display: flex is a box layout, and the second one can only center it horizontally. If you want to center it vertically, add line-height
text vertical center
have you located it? Do you put the word directly in the div or the p tag? It's hard to locate the problem if you only play css.
Previous: How does react4 nest routing? My secondary route is not displayed and does not report an error.
Next: Sqlalchemy query data, sort according to the data in the field (Chinese) to Pinyin (ascending order)
<view class= a > <text> Hello {{name}}!< text> <block wx:for= {{datas}} wx:key= u > <button data-index= {{index}} class= {{index==id?classname:""}} data-m= {{t==index}} bindtap="changeName...
for the business needs of the company, the details section of a page of Mini Program is the html tag edited by the rich text editor returned from the API, and the image matches the text. I originally thought that Mini Program did not recognize the html t...
as shown in the figure above, a string is sent back in the background. How to highlight the number? ...
problem description recently I was contacting and writing Mini Program, and I encountered a problem. I don t know why, that is, I render the data to the foreground page in the developer s tool, which is normal in the developer s tool, but it s not...
I now use Mini Program touch start events bindtouchstart and bind:touchend as press and release events, but to make certain restrictions, if a single point is not implemented, how to limit ah? startRecord: function(e) { console.log( ) ...
formSubmit formSubmit e { this.triggerEvent( formSubmit ) } <son-form bindsubmit="formSubmit">< son-form> formSubmit formSubmit e { console.log(1) } ...
how to use onPageScroll, in WeChat Mini Programs Custom component I set the value in properties in the component when I need onPageScroll. ...
1. For example, in the tab switching page like the following, the method I use now is to click the current option to call the API, such as click all to call, click to withdraw and call once, but this will waste the interface. What I want to do now is to...
<i-input value="{{ number }}"> <input value="{{ value }}"> properties:{ value: Sting } valuenumber valuenumber ...
because Mini Program s router cannot display content in part of the page like vue-router, it is necessary to use eventbus when doing the bottom navigation bar, and Wechat wx:if, for the middle content, but wx:if will make the component s hook function ...
Why is the following sentence wrong? wx.getBackgroundAudioManager().src = http: music.163.com song media outer url?id=29719651.mp3 ...
getStorage-22...
getMenuInfo () { wx.request({ url: https: appdb.hsltm.com wxapi-web indexPageDiaryCategory , data: {}, method: get , header: { content-type : application json }, success: function (res) { if (res.data == 0) { co...