php并排加载数据库

时间:2016-01-01 10:13:38

标签: php layout

private class HttpAsyncTask extends AsyncTask<String, Void, String> {

        @Override
        protected String doInBackground(String... urls) {

        person = new Person();
        person.setName(etName.getText().toString());
        person.setCountry(etCountry.getText().toString());
        person.setTwitter(etTwitter.getText().toString());

        return POST(urls[0],person);
    }
    // onPostExecute displays the results of the AsyncTask.
    @Override
    protected void onPostExecute(String result) {
        Toast.makeText(getBaseContext(), "Data Sent!", Toast.LENGTH_LONG).show();
   }
}

此代码按行加载数据。我需要并排加载数据。

1 个答案:

答案 0 :(得分:1)

您的问题有点模糊,您没有说出您的实际问题。您当前的解决方案显式生成标记,以便您可视化的详细信息放在段落元素中。段落元素显然在彼此垂直方向可视化。

如果您的问题确实只是想让细节水平排列,那么您可以尝试以下几种方法:

第一种方法:

您可以简单地修改样式表规则(css)以相应地显示段落元素:

p {
  display: inline-block;
}

然而,这被认为是丑陋的,因为它打破了段落的语义......

第二种方法:

您只需将创建标记的方式更改为:

echo '<div>';
echo '<h1><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h1>';
echo '<div class="cell">Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</div>';
echo '<div class="cell">'.$row['postDesc'].'</div>';             
echo '<div class="cell"><a href="viewpost.php?id='.$row['postID'].'">Read More</a></div>';               
echo '</div>';

然后将这样的css规则添加到样式表定义中:

div.cell {
  display: inline-block;
}

这被认为是干净而正确的方法。

第三种方法:

与第二种方法类似,您可以将详细信息放在表格单元格中,因此创建一个表格结构来保存数据。这是非常可靠的,但它被认为是用于布局的表格的一点点错过......它还在“屏障减少”方面产生了问题,这正在成为当今网页设计和可用性的一个越来越重要的方面想法。此外,它不允许布局以响应方式适应不同的屏幕宽度,因此您将遇到智能手机和表等不同设备的布局问题。

所以我建议不要采用这种方法。

修改 好吧,似乎这一切都是无用的,因为最初的评论是模糊的问题。由于缺乏精确度的问题而无需任何努力的典型例子......

因此,根据您在此处的评论,您希望外部 div并排排列。

实际上我已经给出了上面的答案,但我可以在这里以一种与你在评论中提出的要求相符的精确方式重复它:

通过添加类来清楚标记容器以获得特殊对齐:

echo '<div class="outer">';
echo '<h1><a href="viewpost.php?id='.$row['postID'].'">'.$row['postTitle'].'</a></h1>';
echo '<p>Posted on '.date('jS M Y H:i:s', strtotime($row['postDate'])).'</p>';
echo '<p>'.$row['postDesc'].'</p>';             
echo '<p><a href="viewpost.php?id='.$row['postID'].'">Read More</a></p>';               
echo '</div>';

然后为其添加样式规则:

div.outer {
  display: inline-block;
}

我创建了一个展示效果的fiddlehttps://jsfiddle.net/oLrugrLn/