Question

我使用Simple HTML DOM Parser获取以下代码的图像和网址：

<?php
    include_once('simple_html_dom.php');
    $url = "http://www.tokyobit.com";
    $html = new simple_html_dom();
    $html->load_file($url);
    foreach($html->find('img') as $img){
        echo $img . "<br/>";
        echo $img->src . "<br/>";
    }
?>

但输出看起来并不那么好：

output http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/homework-output.png

那么我如何在CSS中设置输出样式，就像在每个图像中添加一个类并且它是src一样。我的CSS：

.image-and-src {
    border: 2px solid #777;
}

那么我该如何添加该课程呢？：image-and-src

Answer 1

foreach($html->find('img') as $img){
    echo '<div class="img-and-src">';
    echo $img . "<br/>";
    echo $img->src . "<br/>";
    echo '</div>';
}

添加到代码中的两行在循环时将您的类中的echo'd内容包装在div中。现在，您还可以将文本包装在一个范围内，并单独设置它们的样式。

如果你想在没有样式化文本的情况下将类添加到图像中，你可以试试@Ajeet Manral的答案：）

Answer 2

试试这个

foreach($html->find('img') as $img){

        echo $img->src . "<br/>";
        echo '<img src="'.$img->src.'" width=100% height=100px><br/>';
    }

Answer 3

如何制作自己的模板

模板文件

<!DOCTYPE html>
<html>
<head>
  <title>Your title</title>
</head>
<body>
  <h1>Somebody's images</h1>
  <?php foreach($html->find('img') as $img) { ?>
    <!-- put some pretty looking html here  -->
  <?php } ?>
<body>
</html>

如果您不了解模板，那么我建议对该主题进行一些研究

如何设置Simple_HTML_DOM输出的样式

3 个答案:

模板文件