主页 / user-228553

BlackStar1991's questions

Martin Hope
BlackStar1991
Asked: 2025-02-16 21:13:15 +0800 CST
  • 5

某个站点上有WordPress必要的媒体文件，问题是，是否可以下载位于该地址的所有文件，\wp-content\uploads\前提是不知道最终文件名？ *也就是说，您需要从文件夹中获取那里的内容，但您不知道该文件的名称和请求...sitemap.xmp 不显示文件，但它们并没有被机器人关闭以供索引。

wordpress
Martin Hope
BlackStar1991
Asked: 2025-01-25 05:57:56 +0800 CST
  • 8

有一些SVG动画，<path>它在白色和黑色背景下沿着屏幕移动。是否可以使用 CSS/SVG，以便当 SVG 元素进入黑色背景时，其颜色变为白色？我认为可以使用mix-blend-mode以某种方式做到这一点但我还没有得到任何足够的结果。也许有人可以给出建议？

这是一个非常简单的例子

body{
  padding: 0;
  background: linear-gradient(90deg, #fff 50%, #00f 50%, #00f);
  display:grid;
  height: 100vh;
  justify-content: center;
  align-content: center;
}

svg{
  mix-blend-mode: multiply;
}
<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 50 L190 50" stroke="black"  fill="none"/>
</svg>

是否可以在不改变 html 的情况下将行的右侧部分变为白色？

css
Martin Hope
BlackStar1991
Asked: 2024-10-07 19:15:51 +0800 CST
  • 6

有这样一个功能性任务的基本例子。两个块，子级相对于父级具有绝对定位并且大于其大小。它超出了边缘。

body {
  margin: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.block {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}

.absolute {
  position: absolute;
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  z-index: -1;
  background-color: pink;
}
<div class="block">
  <div class="absolute"></div>
</div>

问题 - 如何确保孩子永远不会离开屏幕的可见区域？ 限制器

如何编写一个处理程序（也许有人知道 CSS 中的解决方案），以保证在调整浏览器窗口大小时，子窗口（粉色块）不会超出范围。也就是说，一旦范围接近带有“position:absolute;”的块它的父级开始移动，并且仅当视口变得小于宽度时： calc(100% + 40px);显示屏会坏。

为了清楚起见，另一个例子

body {
  margin: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.block {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}

.absolute {
  position: absolute;
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  z-index: -1;
  background-color: pink;
}
<div class="block">
  <img class="absolute" src="https://placehold.co/340x340?text=Hello+World" alt="image">
</div>

调整范围大小时，浏览器由父元素引导并缩放元素，.block但我感兴趣的是如何绑定到子元素position:absolute;

javascript
Martin Hope
BlackStar1991
Asked: 2024-09-11 03:42:07 +0800 CST
  • 6

告诉我如何创建某个类，并将其分配给这个类，<div>您可以获得与此类似的图像。

图标

我有原版空白。

body{
  margin: 0;
  background-color: #090C09;
}


.gr {
  width: 60px;
  height: 60px;
  
  
  position: relative;
  box-sizing: border-box;
  border: 2px solid #000;
  outline: 1px solid rgba(30, 32, 29, 0.4);
  outline-offset: 3px;
  background-image: linear-gradient(#0e130f 2px, transparent 2px),
  linear-gradient(90deg, #0e130f 2px, transparent 2px);
  background-size: 2px 2px;
  background-color: #0B100A;


  box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
<div class="gr"></div>

但我不明白如何用CSS来实现这个“十字”。也许有人可以展示？最好是通过:before :after

/// 添加了一个 SVG 示例

body{
  margin: 0;
  background-color: #090C09;
}


.gr {
width: 60px;
height: 60px;
position: relative;
box-sizing: border-box;
border: 2px solid #000;
outline: 1px solid rgba(30, 32, 29, 0.4);
outline-offset: 3px;
background-image: 
  linear-gradient(#0e130f 2px, transparent 2px),
  linear-gradient(90deg, #0e130f 2px, transparent 2px);
background-size: 60px 60px;
background-color: #0B100A;
box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
  }
  
  .gr_new:after{
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image:  url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 60%22 style=%22enable-background:new 0 0 60 60%22 xml:space=%22preserve%22%3E%3Cstyle%3E.st1,.st2%7Bfill:none;stroke-miterlimit:10%7D.st1%7Bstroke:%23283028;stroke-width:4%7D.st2%7Bstroke:%23000%7D%3C/style%3E%3Cg%3E%3Cpath class=%22st1%22 d=%22m0 0 60 60M0 61 60 0%22/%3E%3Cpath class=%22st2%22 d=%22m1.5-1.5 29 29M29.5 32.5l29 29M-1.5 1.5l29 29M32.5 29.5l29 29M-1.5 59.5l29-29M1.5 62.5l29-30M32.6 30.1 61.5 1.5M30.5 27.5l28-29%22/%3E%3C/g%3E%3C/svg%3E');
}
<div class="gr gr_new"></div>

css
Martin Hope
BlackStar1991
Asked: 2024-06-13 20:04:18 +0800 CST
  • 5

这是一个简单的例子：

body {
  margin: 0;
}

h1 {
  font-size: 15vh;
  width: 30vw;
  text-align: justify;
  margin: 1vh 0;
}
<h1>Text1 Text2Long</h1>

问题 - 是否可以使用某些СSS属性使单词延伸到块的整个允许宽度？如果标签中有两个单词，第一个单词始终位于左侧，第二个单词始终位于右侧，该怎么办？无需在html标记中添加第三方标签。

text-align: justify;它没有按预期工作。

这就是我希望最终的结果。框架显示了块的面积。块宽度可以动态改变。该属性的类似物justify-content: space-between，但对于文本字段......字数并不重要。 例子

html
Martin Hope
BlackStar1991
Asked: 2024-05-06 21:48:51 +0800 CST
  • 4

有这样一个简单的例子。

let content = '<h1 class=\"sr-only\">TEST1<\/h1><h1 class=\"cookie-banner__headline\">\nCookie-Settings\n<\/h1>';
let regex = /<h1[^>]*>(.*?)<\/h1>/g;

let res = [];
let match;

while ((match = regex.exec(content)) !== null) {
    res.push(match[1]);
}

console.log(res);

任务是如何将所有找到的标题文本的数组写入变量？标签之间包含的所有内容都必须 <h1> </h1> 是 res 数组的元素。(* 变量content可以包含任何属性)

javascript
Martin Hope
BlackStar1991
Asked: 2024-04-01 18:02:06 +0800 CST
  • 5

有一个小部件元素的标准输出 - 最新帖子。如何防止默认 <ul>值被添加到标签中？class帖子列表

我的过滤器钩子不起作用。

<?php
add_filter('widget_posts_args', 'remove_latest_posts_classes');
function remove_latest_posts_classes($args) {
    $args['before_widget'] = str_replace('class="wp-block-latest-posts__list wp-block-latest-posts"', '', $args['before_widget']);
    return $args;
}
wordpress
Martin Hope
BlackStar1991
Asked: 2024-03-21 00:24:28 +0800 CST
  • 5

需要一个滑块不仅显示当前幻灯片，还显示上一张和下一张幻灯片的 24%，请告诉我如何实现？我在文档中找不到它。 3 张幻灯片 我试过这个。

jQuery(function($) {


  //     Slider
  const slider = $(".slider");
  slider.slick({
    centerMode: true,
    infinite: false,
    slidesToShow: 1.24,
    centerPadding: "20px",
    speed: 500,
    initialSlide: 1,
    responsive: [{
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: "20px",
          slidesToShow: 1
        }
      },
      {
        breakpoint: 490,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: "10px",
          slidesToShow: 1
        }
      }
    ]
  });


});
body {
  margin: 0;
}

.wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.slider {
  padding: 0;
  list-style-type: none;
}

.slider_item {
  position: relative;
}

.slider_item span {
  position: absolute;
  bottom: 20%;
  left: 50%;
  font-size: 40px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css" />


<div class="wrapper">
  <ul class="slider">
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>1</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>2</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>3</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>4</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>5</span>
    </li>
  </ul>


</div>




<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>

javascript
Martin Hope
BlackStar1991
Asked: 2024-03-12 04:30:33 +0800 CST
  • 5

需要YouTube在网站上嵌入一段视频并自动播放。

文档说只需添加?autoplay=1该属性allow="autoplay"，如果它不是 18+，你会很高兴。但它不起作用......（*即使他们的例子和解释也不起作用）。在其他论坛上，他们建议关闭声音，然后一切都会开始。但有些事也无济于事。

这个问题有解决办法吗？

<iframe width="560" height="315"
    src="https://www.youtube.com/embed/kJQP7kiw5Fk?autoplay=1&muted=1"  allow="autoplay"
    allowfullscreen></iframe>

html
Martin Hope
BlackStar1991
Asked: 2024-02-22 02:04:31 +0800 CST
  • 6

需要将图像添加到标准菜单项WordPress。由于该网站已经在使用该插件ACF，因此我决定使用文档中描述的其功能。

这是我们得到的代码。

add_filter('wp_nav_menu_objects', 'my_wp_nav_menu_objects', 10, 2);
function my_wp_nav_menu_objects($items, $args) {
    foreach ($items as &$item) {
        $icon = get_field('image_icon', $item);
        if ($icon !== false) {
            $icon_html = '<div class="decor-block_wrapper"><img class="decor-block_stars" src="' . esc_url($icon['url']) . '" alt="' . esc_attr($icon['alt']) . '" /></div>';
            $item->title = $icon_html . '<a href="' . $item->url . '">' . $item->title . '</a>';
        }
    }
    return $items;
}

它确实添加了图像，但由于某种原因它将其包装在链接标记中。 在此输入图像描述 如何摆脱这个？我怎样才能做到这一点而不$icon_html将其包装在链接中？我在文档中读到wp_nav_menu_items之前有，但我不明白如何在这里应用它......所有尝试都不成功。告诉我如何将图像添加到标签之外的菜单项<a>？

wordpress
Martin Hope
BlackStar1991
Asked: 2024-02-03 01:28:05 +0800 CST
  • 5

上有两个网站WordPress。一个旧的，您需要从中获取所有媒体文件（图像/文档）并将其传输到一个新的，其中您已经拥有自己的帖子和媒体文件。我的行动。

  1. 我从旧网站获取了整个类别uploads并将其上传到新网站。
  2. 我从表中导出了所有值wp_posts，post_type=attachment 然后用我自己的值替换了这些值并将它们导入到新站点自己的数据库中。
INSERT IGNORE INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(768, 1, '2019-10-07 14:13:58', '2019-10-07 14:13:58', '', 'Refugee Integration & Economic Contributions', '', 'inherit', 'closed', 'closed', '', 'refugee-integration-economic-contributions', '', '', '2019-10-07 14:13:58', '2019-10-07 14:13:58', '', 767, 'https://rcusa.websitetesturl2.com/wp-content/uploads/2019/10/Refugee-Integration-Economic-Contributions.pdf', 0, 'attachment', 'application/pdf', 0),
(770, 1, '2019-10-07 14:18:29', '2019-10-07 14:18:29', '', 'At A Glance - Refugee Integration and Economic Contributions', '', 'inherit', 'closed', 'closed', '', 'at-a-glance-refugee-integration-and-economic-contributions', '', '', '2019-10-07 14:18:29', '2019-10-07 14:18:29', '', 769, 'https://rcusa.websitetesturl2.com/wp-content/uploads/2019/10/At-A-Glance-Refugee-Integration-and-Economic-Contributions.pdf', 0, 'attachment', 'application/pdf', 0);

它正常导入，需要更改所需表中的ID...但在新站点中我仍然看不到它们，Media Library为什么？我做错了什么，为什么它们没有显示在库中并且无法选择或分配给其他帖子？

在此输入图像描述

wordpress
Martin Hope
BlackStar1991
Asked: 2024-02-01 04:42:03 +0800 CST
  • 5

有这么一个原始的html/css

body {
  margin: 0;
}

.main {
  display: flex;
  overflow-x: auto;
}

.main_section {
  background-color: #f00;
  width: 100%;
  height: 100vh;
}

.main_video {
  background-color: #ff0;
  width: 200%;
  height: 100vh;
}
<main class="main">
  <div class="main_section">

  </div>
  <div class="main_video">

  </div>
</main>

如何使该部分main_section占据屏幕的整个宽度，并且该对象本身.main可以水平滚动，但不添加垂直滚动。我试图重复这个例子中的黑客行为。但出了点问题。.main_section {min-width:100vw;}如果我对机器人的质量不满意（不滚动），它就可以工作。

css
Martin Hope
BlackStar1991
Asked: 2024-01-24 04:33:10 +0800 CST
  • 5

请告诉我如何WordPress组织对文件的访问，但仅在执行特定操作之后？我们假设在页面上输入密码后。

这是一个用户，他在网站上拥有某种角色，然后他支付服务费用，并且假设收到一个密码，用于从网站服务器下载某个文件。假设 Comics.pdf 是一个文件。如何组织这个？就像一个被/uploads/2024/01/comics.pdf锁定而无法索引和第三方访问的文件，但如果用户有密钥，则给他下载该文件的机会。

wordpress
Martin Hope
BlackStar1991
Asked: 2024-01-11 02:24:36 +0800 CST
  • 5

有没有办法为acf 插件元素链接分配默认值，以便它显示在管理面板中？

<?php if ($link = get_field('link')): ?>
  <a class="btn" href="<?php echo $link['url']; ?>" <?php if($link['target']){ echo 'target="_blank"';} ?>><?php echo $link['title']; ?></a>
<?php endif; ?>

是否可以确保在创建新帖子时，默认值已在 $link['title'] 中指定，并且显示在帖子的管理区域中？ 链接

*我知道我php可以添加对空字段值的检查并将其显示在那里，但这不会显示在管理面板中。

wordpress
Martin Hope
BlackStar1991
Asked: 2024-01-09 05:14:25 +0800 CST
  • 11

有这样一个简单的例子。

const btn = document.getElementById('generator_btn');
const textarea = document.getElementById('textarea_generator');
const generatorField = document.getElementById('generator_field');
const generatorColor = document.getElementById('generator_color');

// Массив возможных путей для фигур ... это надо переделать, но не знаю как. 
const paths = [
  '<path class="st1" d="M1.8 23s15.2-7.7 24-7.9 14.4-.5 23.7 7.5c9.3 8 3.6 17.9-1 20-2.7 1.3-7.9.6-6.2-5.5 1.6-5.6 7.7-9.1 16.6-12.4 8.9-3.3 28.9-8.5 32.9-12.9 2.3-2.6 2.8-6-.3-7-2-.6-5.8.6-8.1 2.9C81.3 10 78.3 15.3 79 39c.5 19-20 22.2-25.1 17.8-6.1-5.2 1.5-15.4 8.7-18.7 7.2-3.3 14.7-5.9 21.1-3.1 6.4 2.8 10.8 5 13.5 5.3 2.7.2 9.3 0 15.4-6.9"/><path class="st1" d="m110.9 40.6 4.4-9.8-10.5 3.6"/>',
  '<path class="st1" d="M1.8 40.1s4.9-10 10.8-14.8c5.9-4.8 14.4-6.3 17.6-5.8 5.9.8 12.7 6.2 19.3 12.7 6.7 6.5 14.8 14.2 28.7 6.1 7.2-4.2 15.3-17.1 7.2-25.5-6.4-6.7-18 2.9-21.7 11.7-1.9 4.6-5 20 2.7 25.7 7.8 5.8 17.2 3.1 27.4-4.4 10.2-7.6 22.6-24 24-27"/><path class="st1" d="m112.6 21.1 5.6-3.9.5 8.7"/>',
  '<path class="st1" d="M.8 41.8s14-21 28.3-14.3c14.4 6.7 7.2 20.3 1.7 18.5-5.9-1.9-7-20 9.4-21.8s23.6 5 32.7 8.5c9.1 3.5 33.8 6.6 44.3-10.2"/><path class="st1" d="m111.2 25.9 6.2-4-.8 6"/>'
];

generatorColor.addEventListener('input', function() {
  includeSvg();
});

btn.addEventListener('click', function() {
  includeSvg();
});

function includeSvg() {
  let currentColor = generatorColor.value;
  // 
  let randomPath = paths[Math.floor(Math.random() * paths.length)];
  let svgCode = generateSVG(currentColor, randomPath);
  textarea.value = svgCode;
  generatorField.innerHTML = svgCode;
}

function generateSVG(currentColor, path) {
  let startFigure = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="60" x="0" y="0" viewBox="0 0 120 64"><style>.st1{fill:none;stroke:' + currentColor + ';stroke-width:2;stroke-linecap:round;stroke-linejoin:round}</style>';
  let endFigure = '</svg>';
  return startFigure + path + endFigure;
}
body {
  margin: 0;
}

#generator_btn {
  margin: 0;
  display: inline-block;
  padding: 10px 15px;
  font-weight: 700;
  vertical-align: top;
}

#generator_color {
  height: 40px;
}

#textarea_generator {
  display: block;
  width: 100%;
  max-width: 90vw;
  margin: 10px 0;

}
<div class="gen_block">
  <button id="generator_btn">Generator SVG</button>
  <input type="color" id="generator_color" name="generator_color" value="#FE6C3B" />
</div>
<textarea id="textarea_generator" name="generator_svg" rows="4"></textarea>
<div id="generator_field"></div>

这个想法是通过单击按钮来创建一个像这样的随机路径生成器......很疯狂，但我不知道如何实现它。本质上，svg该元素由两条路径组成。第一条是一条令人困惑的曲线（但应该有一个平滑的过渡），第二条是一条在此路径中结束的箭头。svg嗯，生成的路径的动态着色，以便您可以在保存之前为元素分配颜色。请告诉我如何在元素的这个区域内创建这些随机路径？

javascript
Martin Hope
BlackStar1991
Asked: 2023-12-27 04:39:47 +0800 CST
  • 4

如何php使用当前目录中的命令删除非空的 .idea 文件夹？我的代码看起来像这样。

<?php
$directory = __DIR__; // Текущая директория

// Проверяем, есть ли права на запись в директорию
if (is_writable($directory)) {
    $ideaDirectory = $directory . '/.idea';

    // Проверяем существование и тип (.idea - директория) перед удалением
    if (is_dir($ideaDirectory)) {
        // Удаляем все файлы внутри .idea
        $files = glob($ideaDirectory . '/*');
        foreach ($files as $file) {
            if (is_file($file)) {
                unlink($file);
            } elseif (is_dir($file)) {
                rmdir_recursive($file);
            }
        }

        // Удаляем саму директорию .idea
        if (rmdir($ideaDirectory)) {
            echo "Директория $ideaDirectory успешно удалена.<br>";
        } else {
            echo "Ошибка при удалении директории $ideaDirectory.<br>";
        }
    } else {
        echo "Директория $ideaDirectory не существует или не является директорией.<br>";
    }

    echo "Операция завершена.";
} else {
    echo "Нет прав на запись в текущей директории.";
}

但这不起作用。为什么 ？

php
Martin Hope
BlackStar1991
Asked: 2023-11-26 04:39:55 +0800 CST
  • 5

请帮忙，我使用了我在 Vue3 中遇到的第一个datapicker 库。我为这个组件编写了以下代码。

<template>
        <VueDatePicker
            class="datetimepicker"
            v-model="date"
            :placeholder="getFormattedPlaceholder()"
            @change="onDateChange"
        />
   
</template>

<script>
import { ref } from 'vue';
import format from 'date-fns/format';

import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';

export default {
  components: { VueDatePicker },
  props: {
    item: {
      type: Object,
      required: true,
    },
  },
  data() {
    return {
      date: null,
      placeholderText: 'Start Date',
    };
  },
  methods: {
    formatDate(dateString) {
      const date = new Date(dateString);
      return format(date, 'MMMM d, yyyy');
    },
    getFormattedPlaceholder() {
      return this.date ? this.formatDate(this.date) : this.placeholderText;
    },
    onDateChange() {
      // Дополнительные действия при изменении даты, если нужно
    },
  },
};
</script>

因此，我希望当用户在日期选择器中选择日期时，它以正常格式显示给他（format(date, 'MMMM d, yyyy');）。但由于某种原因它不起作用。请告诉我我在哪里犯了错误？在html代码中，我看到了一件事，但它向我展示了完全不同的东西...... 在此输入图像描述

vue.js
Martin Hope
BlackStar1991
Asked: 2023-10-24 14:58:58 +0800 CST
  • 5

有这样一个完全由<div>元素组成的表格

.se_list{
    position: relative;
    width: 100%;
    max-width: 600px;
    font-size: 20px;
}
.se_item{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    border: 1px solid #000;
    overflow-x: auto;
    text-align: center;
    height: auto;
}
.se_item:not(:first-child){
    border-top: 0;
}


.se_chunk{
    padding: 6px;
    text-align: center;
}
.se_chunk:not(:last-child){
    border-right: 1px solid #000;
}

.se_chunk__email{
    width: 200px;
    overflow-x: auto;
}

.se_btn{
    cursor: pointer;
}

.se_btn__download{
    position:fixed;
    padding: 15px 10px;
    top: 42px;
    right:10px;
    z-index: 9999;
}
<ul class="se_list">
  <li class="se_item">
    <div class="se_chunk se_chunk__id">1</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 10:04:27</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">2</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 10:44:45</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">3</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 11:13:14</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">4</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 12:27:50</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">5</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 14:15:22</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">6</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 14:48:35</div>
  </li>
</ul>

问题是，是否可以这样设置：如果se_chunk__email某个类的“单元格”中有一个很长的值，那么所有此类单元格的大小都设为最大元素的大小？本质上我正在寻找表格行为但是<div>元素？

html