HTML5是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言。當(dāng)我們?cè)趧?chuàng)建網(wǎng)頁(yè)時(shí)，其中一個(gè)最基本的問(wèn)題就是如何控制一個(gè)元素（比如說(shuō)一個(gè)div或者一個(gè)圖片）的寬度。在HTML5中，我們有很多種方式來(lái)設(shè)置一個(gè)元素的寬度，接下來(lái)我會(huì)為大家詳細(xì)地講解。 第一種方法是使用CSS的width屬性。這個(gè)屬性接受一個(gè)長(zhǎng)度值，比如說(shuō)“px”、“em”、“%”等等，來(lái)設(shè)置一個(gè)元素的寬度。我們可以把這個(gè)屬性應(yīng)用到任何一個(gè)HTML元素上，比如說(shuō)：

div {
width: 500px;
}

這將把一個(gè)div元素的寬度設(shè)置為“500px”。注意，我們可以把這個(gè)屬性放在一個(gè)類名或ID的樣式中，以應(yīng)用到特定的元素。 第二種方法是使用HTML的width屬性。這個(gè)屬性接受一個(gè)數(shù)字值，用來(lái)設(shè)置圖片或者表格的寬度。比如：

<img src="example.jpg" width="500" height="300">

這將把圖片的寬度設(shè)置為“500像素”。 第三種方法是使用CSS中的max-width屬性。這個(gè)屬性也接受一個(gè)長(zhǎng)度值，但是它會(huì)在元素的寬度超過(guò)這個(gè)值時(shí)，自動(dòng)調(diào)整寬度到這個(gè)值。比如：

img {
max-width: 100%;
}

這將讓圖片的寬度自動(dòng)調(diào)整到它所在元素的寬度，使其不會(huì)超出其父元素。 第四種方法是使用CSS的flexbox布局，這個(gè)方法在響應(yīng)式設(shè)計(jì)中非常有用。它可以讓我們通過(guò)設(shè)置flex-basis屬性來(lái)控制一個(gè)元素的寬度，并讓其在響應(yīng)式頁(yè)面中自適應(yīng)。比如：

.flex-container {
display: flex;
}
.flex-item {
flex-basis: 50%;
}

這將把一個(gè)class名為“flex-item”的元素的寬度設(shè)置為其父元素寬度的50%。 總結(jié)起來(lái)，以上是HTML5中控制元素寬度的四種方法。使用這些方法可以讓我們更好地控制頁(yè)面布局，并使其適配不同分辨率的設(shè)備。