为 TextView 和 ImageView 进行正确布局答案

【问题标题】：Make correct layout for TextView and ImageView为 TextView 和 ImageView 进行正确布局
【发布时间】：2014-11-25 15:30:33
【问题描述】：

制作这个需要使用什么布局？

【问题讨论】：

标签： layout textview imageview

【解决方案1】：

HTML

<h1>Title</h1>
<div id="itemWrapper">
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
    <div class="item">
        <div class="png">
            <img src="xxx.png">
        </div>
        <div class="text">
            text text text text text text text text text text
        </div>
    </div>
</div>

CSS

.item{clear:both;}
.item .png{float:left;height:50px}
.item .text{float:left;height:50px}
h1{text-align:center}

【讨论】：