동일한 레벨에서 여러 이미지를 표시하는 방법은 무엇입니까?

body{ 
background-size: 100%; 
background-image:url('../img/back.png'); 
} 
.school{ 
font-size:45px; 
margin: 20px 20px; 
color:#696969; 
font-weight:600; 
} 
.date{ 
font-size:28px; 
width:200px; 
height:40px; 
color:#696969; 
font-weight:600; 
margin-left:70%; 
    } 
    #mid{ 
    } 
    .kid_info{ 
    width:242px; 
    height:162px; 
    background:url('../img/bubble_info.png') no-repeat; 
    padding: 20px 40px; 
    } 
    #name{ 
    font-size:30px; 
    color:#696969; 
    } 
.kid_info font{ 
    font-size:18px; 
    color:#808080; 
    } 
    .kid_pic{ 
    width:40px; 
    height:200px; 
    background:url('../img/kid.png') no-repeat; 
    } 
    .grap{ 
width:629px; 
height:394px; 
background:url('../img/mon_folder.png') no-repeat; 
    } 




    <link rel="stylesheet" type="text/css" href="css/main.css" /> 
    <html> 

    <body> 
<div class="school">Willdow Glen Elementary</div> 
<div class="date">February-Week2</div> 
<div id="mid"> 
<div class="kid_info"><font id="name">Jack Nicklaus</font></br><font>Age. 8</font>  
</br><font>Gender.male</font></div> 
<div class="kid_pic"></div> 
<div class="graph"></div> 
</div> 
</body> 
</html>

동일한 레벨에서 3 개의 이미지를 표시하려고합니다. 3 개의 이미지가 같은 레벨의 3 개의 이미지에서 제대로 표시되지 않는 것 같습니다. 저는 css의 초보자입니다. 조언 좀 해주세요. 미리 감사드립니다.동일한 레벨에서 여러 이미지를 표시하는 방법은 무엇입니까?

출처

2012-03-08 user1248989

CSS가 적용되는 곳을 볼 수 있도록 HTML을 제공해주십시오. – w3uiguru

CSS를 사용하여 3 개의 이미지를 동일하게 표시 할 수 있습니다. 다음과 같이 표를 사용하여이 작업을 수행 할 수 있습니다.

<table> 
<tr> 
<td><img src="image1.jpg" name=""/></td> 
<td><img src="image2.jpg" name=""/></td> 
<td><img src="image3.jpg" name=""/></td> 
</tr> 
</table>

시도해보십시오. 그러면 CSS를 사용하여 더 아름답게 꾸밀 수 있습니다.

출처

2012-03-08 06:06:32 harshakasireddy

동일한 레벨에서 여러 이미지를 표시하는 방법은 무엇입니까?

답변

관련 문제