牛刀小試 標題 選單同行顯示的兩種實現方式

2021-08-27 07:32:36 字數 846 閱讀 7801

通常我們會有這樣的需求,我們希望在標題的後面加幾個小的選單,讓文字在左側,選單在右側。另外,我們還需要考慮到頁面的相容性,閒著沒事,自己研究了一番,分別用兩種方式做了乙個小小的實現。

先上效果圖:

那麼到底怎麼實現呢?請看下文:

方式一:

我們可以通過用浮動來處理該問題,讓標題向左浮動,讓選單向右浮動。

html**:

menu1|

menu2

contents

css**:

.test1

.test1

.test1 .title

.test1 .title h2

.test1 .title .menu-list

.clear

方式二:

我們可以用相對布局和絕對布局來解決。

html**:

menu1

|menu2

content

css**:

.test2

.ui-box

.ui-box-title

.ui-box-title h2

.ui-box-content

.ui-box-title .title-menu-list

.ui-box-title .title-menu

.clear

ListView 顯示兩種不同的Item 布局

1,需求 android 7.0 設定settings,新增語言add language的展示介面中,去除suggested 這個條目 經過分析發現,其實就是listview 的item 展示不同布局的問題 第一步 change date 2018 3 16 by 第乙個type型別從 type h...

C 中的兩種顯示窗體模式

opencode introduction c 中有兩種顯示窗體的方法,乙個就是form.show 另乙個就是form.showdialog 雖然兩者都可以實現窗體顯示,但是二者還是存在著不同點的。方法名,功能說明 form.show 顯示窗體。form.showdialog 將窗體顯示為模式對話方...

android之兩種設定全屏或者無標題的方法

在開發中我們經常需要把我們的應用設定為全屏或者不想要title,這裡是有兩種方法的,一種是在 中設定,另一種方法是在配置檔案裡改 一 在 中設定 package jason.tutor import android.os.bundle import android.view.window impor...