文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >删除主“DIV”中“P”类节点中嵌套的所有IMG标记

问删除主“DIV”中“P”类节点中嵌套的所有IMG标记
EN

Stack Overflow用户
提问于 2017-01-25 07:05:31
回答 2查看 52关注 0票数 0

在过去的几天里，我一直在解决如何从导出到HTML的聊天备份中删除数千张图像，因为它占用了不必要的打印空间。

我已经了解到，JQuery和/或Javascript将是实现这一目标的最好和最简单的方法。我看过许多不同类型的示例，没有一个在这个HTML文档上工作。他们负责独立的测试文件，所以我不知道哪里出了问题。

注:太长而无法阅读？跳过“”标签后，会有很多不必要的格式设置。

原始HTML片段

​

代码语言：javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang='en'>

<head>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  
  <meta charset='utf-8'>
  <title>WeChat</title>

  <style media='screen'>
    body {
      padding: 0;
      margin: 0;
      font: 1em/1.4 Helvetica, Cambria, Georgia, sans-serif;
      color: #333;
      font-size: 12px;
      background: #fff;
    }
    .date {
      text-align: center;
    }
    #container {
      width: 500px;
      padding: 0 0 50px;
      margin: 0 auto;
    }
    h3 {
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      text-align: left;
      color: #272727;
    }
    .triangle-isosceles {
      background: #F0F0F0;
      word-break: break-all;
      width: 200px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles2 {
      background: #D2F6CB;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .triangle-isosceles3 {
      background: #D0EDFA;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0EDFA), to(#D0EDFA));
      background: -moz-linear-gradient(#D0EDFA, #D0EDFA);
      background: -o-linear-gradient(#D0EDFA, #D0EDFA);
      background: linear-gradient(#D0EDFA, #D0EDFA);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    hr {
      height: 1px;
      border: 0;
      border-bottom: 1px dotted #cccccc;
      margin: 0;
    }
    .imgdic {
      left: 170px;
      position: relative;
    }
    .triangle-isosceles-map {
      background: #F0F0F0;
      word-break: break-all;
      width: 220px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles-map2 {
      background: #D2F6CB;
      word-break: break-all;
      width: 220px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    img {
      border-style: none;
    }
    a {
      text-decoration: none
    }
  </style>
  <style media='print'>
    body {
      padding: 0;
      margin: 0;
      font: 1em/1.4 Helvetica, Cambria, Georgia, sans-serif;
      color: #333;
      font-size: 12px;
      background: #fff;
    }
    .date {
      text-align: center;
    }
    #container {
      width: 500px;
      padding: 0 0 50px;
      margin: 0 auto;
    }
    h3 {
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      text-align: left;
      color: #272727;
    }
    .triangle-isosceles {
      background: #F0F0F0;
      word-break: break-all;
      width: 200px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles2 {
      background: #D0EDFA;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0EDFA), to(#D0EDFA));
      background: -moz-linear-gradient(#D0EDFA, #D0EDFA);
      background: -o-linear-gradient(#D0EDFA, #D0EDFA);
      background: linear-gradient(#D0EDFA, #D0EDFA);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .triangle-isosceles3 {
      background: #D2F6CB;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    hr {
      height: 1px;
      border: 0;
      border-bottom: 1px dotted #cccccc;
      margin: 0;
    }
    .imgdic {
      left: 170px;
      position: relative;
      display: none;
    }
    .triangle-isosceles-map {
      background: #F0F0F0;
      word-break: break-all;
      width: 220px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles-map2 {
      background: #D0EDFA;
      word-break: break-all;
      width: 220px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0EDFA), to(#D0EDFA));
      background: -moz-linear-gradient(#D0EDFA, #D0EDFA);
      background: -o-linear-gradient(#D0EDFA, #D0EDFA);
      background: linear-gradient(#D0EDFA, #D0EDFA);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .triangle-isosceles-map3 {
      background: #D2F6CB;
      word-break: break-all;
      width: 220px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
  </style>

  <head>

    <body>

      <h1 align=center> WeChat</h1> 
      <div id='container'>
        <div class='content'>
                    <p>
            <img width='28' height='28' align='left' src='media/chat_single.png' />
            <h3 style='word-break:break-all;word-wrap:break-word'> Title Here</h3>
          </p>
          <p class='date'><font color='#b4b4b4'>-------------------------------------------------------------
          <p class='date'><font color='#b4b4b4'>01/13/2017 18:05:00</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>
          <p class='imgdic'>
        
          <p class='date'><font color='#b4b4b4'>01/13/2017 17:10:14</font>
          </p>
          <p class='triangle-isosceles'>
            <a href='media/01-13-2017 17_10_14.jpg' target='_blank'>
              <img src='media/01-13-2017 17_10_14.jpg' style='vertical-align:middle; width:100px;' />
            </a>
          </p>
          <p class='imgdic'>
            <img src='media/3l.png' style='top:-47px;left:-176px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 16:35:02</font>
          </p>
          <p class='triangle-isosceles'>
            <a href='media/01-13-2017 16_35_02.jpg' target='_blank'>
              <img src='media/01-13-2017 16_35_02.jpg' style='vertical-align:middle; width:100px;' />
            </a>
          </p>
          <p class='imgdic'>
            <img src='media/3l.png' style='top:-47px;left:-176px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 16:35:00</font>
          </p>
          <p class='triangle-isosceles'>
            <a href='media/01-13-2017 16_35_00.jpg' target='_blank'>
              <img src='media/01-13-2017 16_35_00.jpg' style='vertical-align:middle; width:100px;' />
            </a>
          </p>
          <p class='imgdic'>
            <img src='media/3l.png' style='top:-47px;left:-176px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 15:54:36</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>
          <p class='imgdic'>
            <img src='media/1l.png' style='top:-47px;left:208px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 15:48:18</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>
          <p class='imgdic'>
            <img src='media/1l.png' style='top:-47px;left:208px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 15:48:12</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>

​

我试过什么

​

代码语言：javascript
复制
<!-- First Attempt !-->
element.classList.remove("imgdic");
$("class").removeClass("imgdic");

<!-- Second attempt !-->
$("#div img").remove();

<!-- Third attempt !-->
$().ready(function() {
    $("img").load(function() {
        $(this).remove();
    });
});

​

如果有人有任何建议或反馈，请告诉我！

regex
dom
javascript
jquery
html
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-01-25 07:15:45

这能解决你的问题吗？

代码语言：javascript
复制
$('a').remove();
$('img').remove();

或者你可以用一条信息来代替它，说明那里有一个图像。

票数 0
EN

Stack Overflow用户

发布于 2017-01-25 07:12:52

​

代码语言：javascript
复制
<!-- Second attempt !-->
$(".content img").remove();
代码语言：javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang='en'>

<head>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  
  <meta charset='utf-8'>
  <title>WeChat</title>

  <style media='screen'>
    body {
      padding: 0;
      margin: 0;
      font: 1em/1.4 Helvetica, Cambria, Georgia, sans-serif;
      color: #333;
      font-size: 12px;
      background: #fff;
    }
    .date {
      text-align: center;
    }
    #container {
      width: 500px;
      padding: 0 0 50px;
      margin: 0 auto;
    }
    h3 {
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      text-align: left;
      color: #272727;
    }
    .triangle-isosceles {
      background: #F0F0F0;
      word-break: break-all;
      width: 200px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles2 {
      background: #D2F6CB;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .triangle-isosceles3 {
      background: #D0EDFA;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0EDFA), to(#D0EDFA));
      background: -moz-linear-gradient(#D0EDFA, #D0EDFA);
      background: -o-linear-gradient(#D0EDFA, #D0EDFA);
      background: linear-gradient(#D0EDFA, #D0EDFA);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    hr {
      height: 1px;
      border: 0;
      border-bottom: 1px dotted #cccccc;
      margin: 0;
    }
    .imgdic {
      left: 170px;
      position: relative;
    }
    .triangle-isosceles-map {
      background: #F0F0F0;
      word-break: break-all;
      width: 220px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles-map2 {
      background: #D2F6CB;
      word-break: break-all;
      width: 220px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    img {
      border-style: none;
    }
    a {
      text-decoration: none
    }
  </style>
  <style media='print'>
    body {
      padding: 0;
      margin: 0;
      font: 1em/1.4 Helvetica, Cambria, Georgia, sans-serif;
      color: #333;
      font-size: 12px;
      background: #fff;
    }
    .date {
      text-align: center;
    }
    #container {
      width: 500px;
      padding: 0 0 50px;
      margin: 0 auto;
    }
    h3 {
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      text-align: left;
      color: #272727;
    }
    .triangle-isosceles {
      background: #F0F0F0;
      word-break: break-all;
      width: 200px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles2 {
      background: #D0EDFA;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0EDFA), to(#D0EDFA));
      background: -moz-linear-gradient(#D0EDFA, #D0EDFA);
      background: -o-linear-gradient(#D0EDFA, #D0EDFA);
      background: linear-gradient(#D0EDFA, #D0EDFA);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .triangle-isosceles3 {
      background: #D2F6CB;
      word-break: break-all;
      width: 200px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    hr {
      height: 1px;
      border: 0;
      border-bottom: 1px dotted #cccccc;
      margin: 0;
    }
    .imgdic {
      left: 170px;
      position: relative;
      display: none;
    }
    .triangle-isosceles-map {
      background: #F0F0F0;
      word-break: break-all;
      width: 220px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#F0F0F0), to(#F0F0F0));
      background: -moz-linear-gradient(#F0F0F0, #F0F0F0);
      background: -o-linear-gradient(#F0F0F0, #F0F0F0);
      background: linear-gradient(#F0F0F0, #F0F0F0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .content {
      width: 400px;
      position: relative;
      z-index: 1;
    }
    .triangle-isosceles-map2 {
      background: #D0EDFA;
      word-break: break-all;
      width: 220px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0EDFA), to(#D0EDFA));
      background: -moz-linear-gradient(#D0EDFA, #D0EDFA);
      background: -o-linear-gradient(#D0EDFA, #D0EDFA);
      background: linear-gradient(#D0EDFA, #D0EDFA);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
    .triangle-isosceles-map3 {
      background: #D2F6CB;
      word-break: break-all;
      width: 220px;
      left: 170px;
      position: relative;
      padding: 10px;
      margin: 1em 0 3em;
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#D2F6CB), to(#D2F6CB));
      background: -moz-linear-gradient(#D2F6CB, #D2F6CB);
      background: -o-linear-gradient(#D2F6CB, #D2F6CB);
      background: linear-gradient(#D2F6CB, #D2F6CB);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      behavior: url(media/pie.htc);
    }
  </style>

  <head>

    <body>

      <h1 align=center> WeChat</h1> 
      <div id='container'>
        <div class='content'>
                    <p>
            <img width='28' height='28' align='left' src='media/chat_single.png' />
            <h3 style='word-break:break-all;word-wrap:break-word'> Title Here</h3>
          </p>
          <p class='date'><font color='#b4b4b4'>-------------------------------------------------------------
          <p class='date'><font color='#b4b4b4'>01/13/2017 18:05:00</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>
          <p class='imgdic'>
        
          <p class='date'><font color='#b4b4b4'>01/13/2017 17:10:14</font>
          </p>
          <p class='triangle-isosceles'>
            <a href='media/01-13-2017 17_10_14.jpg' target='_blank'>
              <img src='media/01-13-2017 17_10_14.jpg' style='vertical-align:middle; width:100px;' />
            </a>
          </p>
          <p class='imgdic'>
            <img src='media/3l.png' style='top:-47px;left:-176px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 16:35:02</font>
          </p>
          <p class='triangle-isosceles'>
            <a href='media/01-13-2017 16_35_02.jpg' target='_blank'>
              <img src='media/01-13-2017 16_35_02.jpg' style='vertical-align:middle; width:100px;' />
            </a>
          </p>
          <p class='imgdic'>
            <img src='media/3l.png' style='top:-47px;left:-176px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 16:35:00</font>
          </p>
          <p class='triangle-isosceles'>
            <a href='media/01-13-2017 16_35_00.jpg' target='_blank'>
              <img src='media/01-13-2017 16_35_00.jpg' style='vertical-align:middle; width:100px;' />
            </a>
          </p>
          <p class='imgdic'>
            <img src='media/3l.png' style='top:-47px;left:-176px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 15:54:36</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>
          <p class='imgdic'>
            <img src='media/1l.png' style='top:-47px;left:208px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 15:48:18</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>
          <p class='imgdic'>
            <img src='media/1l.png' style='top:-47px;left:208px; position:Absolute' />
          </p>
          <p class='date'><font color='#b4b4b4'>01/13/2017 15:48:12</font>
          </p>
          <p class='triangle-isosceles2'><font color='#4D4D4D'> Random Chat Log </font>
          </p>

​

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/41845403

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档