Tag:Box

  • Introduction to CSS3

    Time:2020-11-25

    1、 How to introduce CSS into HTML Fill in CSS style directly in style attribute (inline style, inline style) Fill in to<style></style>In label (embedded) Write the CSS code to the. CSS file and introduce the file (external style) into the HTML file, which is equivalent to the embedded priority. Linked < link > belongs to […]

  • Regular use of box: what to do if the box size is not correct

    Time:2020-11-23

    What should I do if the content area falls down? It’s a headache if the size is not accurate Combined with the characteristics of inline block: the box size is supported by the content area, so we changed the outermost box model todisplay:inline-blockIn this way, some measurement errors can be avoided, which will lead to […]

  • JavaScript mobile drag element

    Time:2020-11-21

    Code implementation: Document body { background-color: #1cee89; } div { position: absolute; left: 0; width: 100px; height: 100px; background-color: #8294ff; border-radius: 20px; } var div = document.querySelector(‘div’); Var startx = 0; // get the initial coordinates of fingers var startY = 0; Var x = 0; // get the original position of the box var […]

  • Some analysis of box model

    Time:2020-11-17

    Box model classification Box model is divided into two categories: ordinary box model(box-sizing: content-box), weird box model(box-sizing: border-box).The difference between the normal box model and the weird box model is the settingswidth, heightWhat area is set for content-boxset upwidth:100px; height:100px;So no matter how you change itborder paddingIn other words, when you set padding and border […]

  • Hide and show ellipsis beyond text

    Time:2020-11-14

    //Single line overflow:hidden; //Text hidden beyond text- overflow:ellipsis; //Overflow is shown with an ellipsis white- space:nowrap; //Overflow does not wrap` //Multi line overflow: hidden; text-overflow: ellipsis; display:-webkit-box; //As an elastic expansion box model. -webkit-box- orient:vertical; //Set the child element arrangement of the telescopic box — vertically from top to bottom -webkit-line- clamp:2; //Rows displayed

  • Brief introduction of RTS implementation principle and application of push sequence system

    Time:2020-11-8

    1、 Background knowledge 1. What is time series data and analysis purpose? Time series data refers to time series data. Time series data is a data column recorded by the same indicator in time sequence. Each data in the same data column must be of the same caliber and be comparable. Time series data can […]

  • Mobile terminal layout interview questions, a comprehensive survey of your CSS skills (in the middle)

    Time:2020-11-7

    preface Due to the rapid development of mobile Internet, there is no front-end that says that it only develops PC terminal, and I don’t care about mobile terminal. Even a lot of front end work is mainly to develop mobile terminals, because mobile terminals are all kinds of content: WeChat applet, Alipay applet, Jingdong applet, […]

  • Leetcode 546. Remove box | Python

    Time:2020-11-3

    546. Remove the box subject Some boxes with different colors are given. The colors of boxes are represented by numbers, that is, different numbers represent different colors.You will go through several rounds to remove the boxes until all the boxes are removed. Each round you can remove consecutive K boxes with the same color (k […]

  • In flex layout, the height of the parent element is auto, which is supported by one child element, and the other child element is adaptive to the height

    Time:2020-11-3

    Overall style: . expressrecord single close {// parent element style width: 100%; height: auto; display: flex; justify-content: flex-start; Align items: Center; // key stretch position: relative; } The height of the right child element to expand the parent element: .expressRecord-text { margin-left: 30rpx; padding-bottom: 20rpx; flex-shrink: 0; flex: 1; } The style of left child […]

  • Don’t underestimate the fact that only one question can reveal the candidates’ true colors!

    Time:2020-10-30

    preface According to incomplete statistics(In fact, I counted my friends and colleaguesMobile phone tiktok or fast hand short video APP, the longest time spent on mobile phones is micro-blog and Kwai circle. I often see this kind of thing when I brush my microblog and visit my circle of friends It has a tall Name: […]

  • CSS Flexible Box Layout

    Time:2020-10-30

    Introduction Recently, I encountered some problems when I came into contact with flex layout, so I took this opportunity to sort out the knowledge points related to flex. Origin My GitHub brief introduction CSS 2.1 defines four layout patterns. These algorithms determine the size and location of boxes based on the relationship between boxes and […]

  • Common element centered structure (with illustration)

    Time:2020-10-25

    1. The text is centered horizontally and vertically in the container TAC = text align: Center; center horizontally vam = vertical-align: middle; 1.1 table(table + tac + vam) Parent container: display: table; Sub container: display: table cell; text-align: center; vertical-align: middle; <div class=”container”> <div class=”box box1″>1</div> <div class=”box box2″>2</div> <div class=”box box3″>3</div> </div> .container { […]