我试图在图像旁边放两行文字,有点像这样
_________
| | Line one of text
| image |
| | Line two of text
---------
Run Code Online (Sandbox Code Playgroud)
这是我到目前为止的代码
<p style="color: #fff;"><img src="assets/image.png"><span style="">Line one of text</span>
<br>
<span class="ban2">Line 2 of text</span></p>
Run Code Online (Sandbox Code Playgroud)
.banner p {
font-family: "Gentium Basic";
font-size: 19px;
text-align: center;
color: #aaa;
margin-top: -10;
display: block;
}
.banner img {
float: center;
margin: 5px;
}
.banner span {
padding-top: 50px;
font-size: 17px;
vertical-align:top;
}
.banner .ban2 span {
padding-top: 50px;
font-size: 17px;
vertical-align:top;
}
Run Code Online (Sandbox Code Playgroud)
但目前它这样做:
_________
| …Run Code Online (Sandbox Code Playgroud) 我目前在确定如何在返回任何数据之前等待请求完成时遇到问题.我不相信我可以用回调做到这一点,我无法找到一个使用EventEmitter来做到这一点的好方法.我无法使用回调的原因是因为我的流程目前是这样的.
请求进入服务器>生成XML>联系远程API以获取详细信息以完成生成XML>完成生成XML>将请求返回给客户端
我目前的代码看起来非常类似于下面的代码.
网络服务器:
var xml = require('./XMLGenerator');
response.writeHead(200, {'Content-Type': 'text/xml'});
response.write(xml.generateXML());
response.end();
Run Code Online (Sandbox Code Playgroud)
XML生成器:
function generateXML(){
// Code to generate XML
var API = require('./API');
var response = API.getItems("5");
for(var i = 1; i <= response.length; i++)
{
// more code to generate further XML using the API response
}
// Finish generating and return the XML
}
Run Code Online (Sandbox Code Playgroud)
API Grabber:
function getItems(sort_by, amount) {
var request = require("request")
var url = "https://url.com/api/get_items.json?amount=" + amount;
request({
url: url,
json: true
}, …Run Code Online (Sandbox Code Playgroud)