<menu id="a2esi"><strong id="a2esi"></strong></menu>
  • <nav id="a2esi"></nav>
    學校總部  | 設為首頁 | 加入收藏 | 官方微信
    內威培訓
    打造“培訓+就業”一站式服務品牌!
    banner1
    • Python+AI工程師
    • Web前端工程師
    • Java軟件開發工程師

    首頁>>學員天地

    解決span float:right不能右對齊而是換行顯示
    編輯:simon  閱讀:2482次  發布:16-02-19

    例子:
    <h1 style="display:inline;">最新開班列表<span style="float:right;">更多...</span></h1>
    這樣的寫法經過測試在IE8和firefox瀏覽器里可以正確顯示在同一行,而在有些瀏覽器中"更多..."這幾個字卻顯示到下一行的最右邊。

    原因:
      當非float的元素和float的元素在一起的時候,如果非float元素在先,那么float的元素將被排斥。

      因此上例中,由于span是float:right,但是前面h1的內容"最新開班列表"還是float:none,因此使用得"更多..."顯示到了下一行的最右邊了。

    解決:
    一般有兩個解決方法:

    1、把<span style="float:right;">更多...</span>代碼置于<h1>中文字的前面,即:
    <h1 style="display:inline;"><span style="float:right;">更多...</span>最新開班列表</h1>

    2、給前面的文本設置float屬性
    <h1 style="display:inline;"><span style="float:left">最新開班列表</span><span style="float:right;">更多...</span></h1>

    按1的方法調整后顯示如下:



    上一篇: 關于內層DIV設置margin-top不起作用的解決方案   下一篇: css+div繪制三角形
    返回列表
    網絡大專、自考本科,學歷輕松拿!
    ©2016-2020 上海內威職業技能培訓學校 版權所有
    普陀區武寧路1500號中樓2-3層(郵編:200062)
    咨詢:021-62434966  合作:021-13371929650  就業:021-62434966  傳真:  電郵:service@snetway.com
    《中華人民共和國電信與信息服務業務》經營許可證滬ICP備15002602號 
    <menu id="a2esi"><strong id="a2esi"></strong></menu>
  • <nav id="a2esi"></nav>
    本溪娱网棋牌