2015-01-18 3 views
0

학교 지정을 위해 HTML 목록에 '옆으로'태그가 있어야합니다. 이 이미지를 선택했는데 이미지가 웹 사이트의 나머지 부분 위에 있습니다. 나는 중심으로하고 싶습니다. 나의 구멍 웹 사이트는 중심에 놓여져있다. 그래서 나는 양쪽에 '수직'이미지를 배치하고자하는 흰색 수직 공간을 가지고있다. 나는 HTML과 CSS를 배우기 시작 했으므로 나는 이것에별로 좋지 않다.
HTML을 : : 이것은 내가 지금까지 무엇을 가지고'옆으로'태그를 사용하여 수직 이미지를 중앙에 배치하는 방법은 무엇입니까?

<aside> 
<img id="aside" src="images/aside4.jpg" alt="aside"/> 
</aside> 

CSS :

#aside { 
vertical-align: text-top;} 

이 내가 볼 것입니다 : 그것은 이해가되지 않을 경우 [IMG] http://i59.tinypic.com/x24hp4.png[/IMG]

죄송합니다, 나는 코드를 여기에 두는 법을 정말로 모른다 (나는 또한 나쁜 언어 때문에 유감 스럽다 네덜란드 인이다).

+0

당신이 귀하의 회신을위한 [http://jsfiddle.net] (http://jsfiddle.net) – jmore009

답변

1

세로 중심에? 그런 다음을 수행하십시오

#aside{ 
    display: inline-block; 
    vertical-align: middle; 
} 
+0

덕분에 무엇을 다시 만들 수 있습니다! 나는 그것을 시험해 보았지만, 나는 여전히 이것을 본다 : [IMG] http://i59.tinypic.com/x24hp4.png [/ IMG] 나는 그것이 아직 효과가없는 이유를 정말로 모른다. : p – Joyce

+0

디스플레이 : table-cell? –

+0

아니요, 불행히도 그 중 하나가 작동하지 않습니다 ... :( – Joyce