2015-02-10 66 views
2

在HTML每一個元素都有(默認值)的顯示模式像塊,內聯,等等HTML按鈕有哪些顯示模式?

例如DIV元件塊和跨度元件直列,現在我需要的顯示模式等按鈕元件(或輸入與類型=「button」屬性),它有點像內聯,因爲你可以把它們放在一行中,但不像內聯元素,它們可以有寬度屬性。

好吧,我的問題,HTML按鈕有哪些顯示模式?如何設置元素的樣式,使其像按鈕一樣顯示?

+0

看看可用的['display'](http://www.w3.org/TR/CSS21/visuren.html#display-prop)屬性值,它會顯示你的類型你想要的,但默認情況下,在每個瀏覽器中都不一定相同。 – 2015-02-10 15:03:13

+0

聽起來像你想內聯塊; – j08691 2015-02-10 15:05:55

+1

'

回答

2

按鈕是默認的inline-block,所以多個按鈕不換行或某些接下來將顯示對方:

<button>button 1</button> 
 
<button>button 2</button>

如果你希望他們能夠在每個其他的,你可以展示他們作爲block

button { 
 
    display: block; 
 
}
<button>button 1</button> 
 
<button>button 2</button>