前端入門篇之div

Backache 發(fā)布于2019-08-30 13:55 / 2009人閱讀

摘要：由于之前沒有做過前端的開發(fā)工作，在現在的前端開發(fā)工作中遇到許多坑，有關于的，有關于樣式的，所以想在這里總結一下。文章的結構的可能會比較混亂，同一篇文章可能會有多次的修改。

由于之前沒有做過前端的開發(fā)工作，在現在的前端開發(fā)工作中遇到許多坑，有關于javascript的，有關于css樣式的，所以想在這里總結一下。文章的結構的可能會比較混亂，同一篇文章可能會有多次的修改。

div顯示在同一行中

div是塊級元素，默認是不會顯示在同一行的，但是可以通過如下方式，讓div元素顯示在同一行中。

使用float樣式

    .left{
        float: left;
    }
    .right{
        float: right;
    }

    
        child1
        child2
        child3
        child4

使用inline

    .inline{
      display:inline-block;
    }
    
    
      inline1
      inline2

使用inline方式存在一個問題，在預覽的時候會發(fā)現兩個元素(例如上面的inline1和inline2)之間會存有留白，這個留白是由于兩個

之間的空白字符造成的(包括空格、Tab和換行)。網上有很多方式可以消除這個留白，在這里就不詳細表述了。

使用flex

本人使用flex方式還沒有成功，待測試成功之后再來補充...

reactjs行內樣式

這個很簡單，但是很多初學者會在這里踩坑。我根據baidu搜索出來的方法在react中使用行內樣式，實際并不成功。我不清楚是什么原因，或許是版本不同？？？不過，我下面的內容都是親測可用的。

普通html

reactjs

注意哦，"hidden"使用的是單引號

div的flex樣式

云服務器 GPU云服務器入門前端前端入門前端快速入門前端開發(fā)入門

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115638.html

JQuery干貨篇之插入元素

摘要：在匹配元素集合中的每個元素后面插入參數所指定的內容，作為其兄弟節(jié)點。當需要移走一個元素，不久又將該元素插入時，這種方法很有用。實例從中移除集合中匹配元素的所有子節(jié)點。 JQuery干貨篇之插入元素本次使用的html,css還是我上一篇的源代碼，詳情請看上一篇文章分類插入子元素：append,prepend ,appendTo,prependTo 封裝包裹元素：wrap,wrap...

jemygraw 2019-08-29 12:27 評論0 收藏0
JQuery干貨篇之插入元素

摘要：在匹配元素集合中的每個元素后面插入參數所指定的內容，作為其兄弟節(jié)點。當需要移走一個元素，不久又將該元素插入時，這種方法很有用。實例從中移除集合中匹配元素的所有子節(jié)點。 JQuery干貨篇之插入元素本次使用的html,css還是我上一篇的源代碼，詳情請看上一篇文章分類插入子元素：append,prepend ,appendTo,prependTo 封裝包裹元素：wrap,wrap...

songze 2019-08-20 15:58 評論0 收藏0
前端工程化篇之 Gulp

摘要：是一個構建工具，基于的平臺運行，使用的是的模塊化語法。我們使用需要用到的包一個任務，對應一個包，對應一個處理邏輯對應的是同步任務，從左到右，依次執(zhí)行任務。時間長對應的是異步任務，效率高，時間短。 gulp 是一個構建工具，基于Node.js的平臺運行，使用的是commonJs的模塊化語法。我們使用gulp需要用到的包一個TASK任務，對應一個包，對應一個處理邏輯、 gulp.s...

Donald 2019-08-23 16:20 評論0 收藏0
前端工程化篇之 Gulp

摘要：是一個構建工具，基于的平臺運行，使用的是的模塊化語法。我們使用需要用到的包一個任務，對應一個包，對應一個處理邏輯對應的是同步任務，從左到右，依次執(zhí)行任務。時間長對應的是異步任務，效率高，時間短。 gulp 是一個構建工具，基于Node.js的平臺運行，使用的是commonJs的模塊化語法。我們使用gulp需要用到的包一個TASK任務，對應一個包，對應一個處理邏輯、 gulp.s...

LeanCloud 2019-08-02 16:09 評論0 收藏0