这里可能是个新手问题,但我无法在 float: left
的右侧设置文本<img>
在 md-dialog
里面:
<md-dialog aria-label="download" flex="60" ng-controller="viewerController">
<md-toolbar>
<div class="md-toolbar-tools">
<h2>{{appName}}</h2>
<span flex></span>
<md-button class="md-icon-button" ng-click="answer('not applicable')">
<md-icon md-svg-src="style/images/icons/ic_close_24px.svg"
aria-label="Close dialog"></md-icon>
</md-button>
</div>
</md-toolbar>
<md-dialog-content>
<div id="application">
<md-list>
<md-list-item>
<div style="font-size: 16px;">
<img style="float: left;margin: 0 5px 0 0; padding-bottom: 12px;"
ng-src="data:image/png;base64,{{appScreenshotBase64}}"
width="{{currentWidth * 0.35}}"/>
<h4><span class="fieldName">Technology : </span>{{appTechnology}}</h4>
<h4><span class="fieldName">Level : </span>{{appLevel}}</h4>
<h4><span class="fieldName">Development type</span> : </span>{{appDevType}}</h4>
</div>
</md-list-item>
<md-divider ></md-divider>
<md-list-item class="md-1-line">
<div class="md-list-item-text">
<h4><span class="fieldName">Development type : </span>{{appDevType}}</h4>
</div>
</md-list-item>
<md-divider ></md-divider>
<!-- ... -->
所以我的md-dialog
宽度设置为当前宽度的 60%,<img>
到 35%。对话框中剩余的 25% 应该足以显示我的数据(技术、级别、开发类型)。
但是,它会转到 <img>
下的新行像这样 :
我需要更改什么才能使其正常工作?
我是一名优秀的程序员,十分优秀!