line-height: ???; do not want to set a fixed px, because it will change, how to set it to follow the element height 100%? ...
the width and height can be displayed proportionally with the percentage of padding-top. The current demand is that the height is fixed. How to display the width proportionally? ...
encountered a problem today: when the parent element is set to flex:1, the default aspect ratio of the child element img will be invalidated. What is the reason for this? <div> <a href=""> <img src="https:...
as shown in the figure above, how to achieve the concave effect between the hot game and the home page ? Ask the god for advice! ...
<ul> <li> < li> <li> < li> <li> < li> <li> < li> <li> < li> <li> < li> <li> < li> <li> < li> <li> <...
A project done with react has a list page in which the contents of the list need to be animated with expansion and contraction, which I implemented using css3 s transition. The code is as follows: .am-card-body { max-height: 1.3rem; overflow...
https: www.airbnb.com s Oreg. I found something about airbnb that I want to study, but I can t steal it. I know it s flex-related technology but it s just his more special . When you go in, you should see the housing information of five col. The...
https: www.airbnb.com s Oreg. Why can the contents of the screen be scaled proportionally and not deformed according to the width of the screen? the picture is scaled according to scale. he only plays movies according to scale. I have checked t...
< html lang= "en " > < head > < meta charset= "UTF-8 " > < title > moveUp < title > < style > @ keyframes scroll { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 20% { -webkit-transform: translateY(0px); transform: tr...
<div> <ul> <li>< li> <li>< li> <li>< li> <li>< li> <li>< li> <li>< li> <l...
now I m going to do a dynamic effect, which is connected by two css3 animations. There is a square A. the first stage is uniform motion, and the second stage is deceleration to the target point. The expectation is that after the uniform motion, the squ...
similar to elementUI s, it looks better to expand the line function but because my table is written directly into the code, this componentized version of it cannot be used. find a good-looking plug-in with the ability to expand lines, do you hav...
I have implemented a stacked and draggable card effect, using transform3D to achieve a stacked card effect. The normal Google browser display is shown in the figure transform3DZ touchtransform3D overflow:hidden ...
problem: when doing responsive development, you encounter a flex layout, which is used with table tables. Table uses bootstrap s responsive table, but it is found that in the flex layout, the width of the table will not change. As shown in the figure ...
original appearance text-overflow: ellipsis; overflow: hidden;2span ...
2d rotation seems to be just a rotating element, 3D looks like a rotating coordinate system. ...
animation: turn 2s linear forwards 1s; what does this animation mean? What do you mean by turn and forwards? ...
problem description how to implement the following graphics in pure css: Border gradient there are inner and outer shadows background gradient Supplementary split Lines my heart is so tired that I have been trampled on. I guess I ...
looked at the table component of the element-ui framework: when there are many fields, fill the width tableelement ...
how to do this circle effect with css? as shown in the following figure, add a circle like the one on the left to the menu at the bottom of the figure. (the figure on the right is just an illustration. The circle is drawn on antd-mobile official exam...
I used the Wechat simultaneous interpretation plug-in in the project. fundebug.0.5.0.min.js overrides wx, App and Page. this error will not occur when I comment out Wechat s simultaneous interpretation. In addition, this would not be a problem ...
the INPUT input box in WeChat Mini Programs has been set to a number, why can I still enter letters in the test window? <view class="section"> <input type="number" maxlength="12" > < view> ...
how to solve the problem that the Android mobile phone will push the element up to the top when calling the keyboard ...
< H2 > question < H2 > in codeshelper, when writing an article with markdown, use-sharp,-sharp-sharp,-sharp-sharp-sharp,-sharp-sharp, to represent the title and subtitle. when generating an article, browsing has the effect of a directory navigation o...
the following is a circular list of data requested by ajax. The print of + data [I] .createTime + in li is 2019-02-26 15:15:51. How to remove the following 15:15:51 minutes for(var i=0;i<6;iPP){ var tbBody = ""; tbBod...