小编use*_*856的帖子

如何强制列显示在下一行？

我有超过五到六列它将来会增加.我必须用三列显示每一行.那么如何强制列显示在下一行？我设置父类display: table和子类,display:table-cell因为我必须显示列的相等高度.

我得到这样的输出

我需要像这样的输出.

.table {
  display: table;
  border-collapse: separate;
  border-spacing: 30px 0px;
  width: 100%;
}

.row { display:table-row;width: 100%; }

li{
  display:table-cell;
  padding:5px;
  background-color: gold;
  width: 33.33%;
  text-align: center;
}

Run Code Online (Sandbox Code Playgroud)

<div class="table">
    <ul class="row">
        <li>Cell 1</li>
        <li>Cell 2</li>
        <li>Cell 3</li>
        <li>Cell 4</li>
        <li>Cell 5</li>
        <li>Cell 6</li>
    </ul>
</div>

Run Code Online (Sandbox Code Playgroud)

html css

use*_*856

lucky-day

5
推荐指数

1
解决办法

194
查看次数

我们可以在<tr> </ tr>之后使用嵌套表吗？

我在表列表中显示数据库中的记录。另外，我在每行中都有一个跟踪按钮，如果任何用户单击跟踪按钮，则会为特定用户打开一个包含详细信息的弹出窗口。

或任何其他想法来解决这个问题？

我试图用这样的东西

<table>
<thead><tr><th></th></tr></thead>
<tbody>
<tr><td></td></tr>

<div style="display:none">
<table>
<thead><tr><th></th></tr></thead>
<tbody>
<tr><td></td></tr>
</tbody>
</table>
</div>

</tbody>
</table>

Run Code Online (Sandbox Code Playgroud)

完整代码

        <!DOCTYPE html>
            <html>
            <head>
                <title></title>
            </head>
            <body>

                <table border="1">
                    <thead>
                        <tr>>
                        <th>Name</th>
                        <th>Products</th>
                        <th>Qty</th>
                        <th>Order Id</th>
                        <th>Mobile </th>
                        <th>Shipping address</th>
                    </tr>
                    </thead>
                    <tbody>
                        <?php  $n=1;
                         foreach ($cust_personal as $row)  
                         { $encryption_id=base64_encode($this->encryption->encrypt($row->o_id));//encrpt the id 
                            ?>
                            <tbody>
                            <tr>
                              <td><?php echo $n;?></td>
                              <td><?php echo $row->c_firstname;?>&nbsp; <?php echo $row->c_lastname;?></td>
                              <td><?php echo $row->o_product_brandname;?></td>    
                              <td><?php echo $row->o_product_qty;?></td>  
                              <td><?php echo $row->o_order_no;?></td>
                              <td><?php echo $row->c_mobileno;?></td>  
                              <td><?php echo $row->c_s_address;?></td>
        <td> …

Run Code Online (Sandbox Code Playgroud)

javascript php jquery html5 html-table

use*_*856

2018 08-07

5
推荐指数

1
解决办法

325
查看次数

如何在 Mac 上安装 xampp

我正在使用 MacBook Air。我安装了 xampp 但它不起作用。

经过一番研究，我找到了 URL http://localhost:8080/dashboard/并且我得到了 xampp。现在我很困惑我应该在哪里获取 htdocs 文件夹来添加我的代码。任何人都可以帮助我吗？

让我们详细谈谈

我从这个链接下载了 xampp https://www.apachefriends.org/download.html

我把它移到应用程序上。现在我在应用程序中得到了 xampp 图标。

然后我打开 xampp，我得到一个弹出窗口，然后点击开始

我启用了 8080 端口号。

然后我只是在浏览器中检查了http://localhost:8080/dashboard/并找到了 xampp 仪表板页面。现在我没有得到 htdocs 文件夹。你会帮我解决这个问题吗？

xampp macos

use*_*856

2018 12-17

4
推荐指数

2
解决办法

7770
查看次数

如何使用php显示两个日期之间的总天数

我想计算两个日期之间的总天数。

注意：我不是在谈论两个日期之间的差异

我在谷歌和 Stack Overflow 上找到了很多答案。我在这里分享

$now = time(); // or your date as well
$your_date = strtotime("2018-06-01");
$datediff = $now - $your_date;
echo round($datediff / (60 * 60 * 24));

Run Code Online (Sandbox Code Playgroud)

输出为 9

$now = strtotime("2018-06-09");
$your_date = strtotime("2018-06-01"); 
$datediff = $now - $your_date;
echo $numberDays= round($datediff / (60 * 60 * 24));

Run Code Online (Sandbox Code Playgroud)

输出为8

$dStart = new DateTime('2018-06-01');
$dEnd  = new DateTime('2018-06-09');
$dDiff = $dStart->diff($dEnd);
echo $dDiff->days;

Run Code Online (Sandbox Code Playgroud)

输出为8

$date1=date_create("2018-06-01");
$date2=date_create("2018-06-09");
$diff=date_diff($date1,$date2);
echo $diff->format("%a");

Run Code Online (Sandbox Code Playgroud)

输出为8

$startTimeStamp = strtotime("2018-06-01");
$endTimeStamp = strtotime("2018-06-09"); …

Run Code Online (Sandbox Code Playgroud)

html php date

use*_*856

2018 06-10

3
推荐指数

1
解决办法

1万
查看次数

在 WooCommerce 我的帐户订单列表上显示产品缩略图

我正在尝试在 WooCommerce 我的帐户 > 订单列表中的订单号旁边显示产品缩略图。

下面是订单截图

我必须使用什么钩子来显示图像？

我尝试将产品图像添加到 Woocommerce 我的帐户订单视图答案代码，但它在单一视图订单上显示图像。

php wordpress thumbnails orders woocommerce

use*_*856

2021 02-11

3
推荐指数

1
解决办法

1888
查看次数

403 在 CodeIgniter 中使用 ajax 出现禁止错误

我正在textbox使用 ajax在我的自动完成中显示名字，但我的 ajax URL 不起作用。每次都显示在网络选项卡中

403 禁止。

我试过这样的ajax URL

 url:baseUrl + "/index.php/Employee_control/search_with_emp_name",
 url:baseUrl +"/Employee_control/search_with_emp_name",

Run Code Online (Sandbox Code Playgroud)

但仍然显示相同的错误。

我的 .htaccess 代码

RewriteEngine on
RewriteCond $1 !^(index\.php|resources|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L,QSA]

Run Code Online (Sandbox Code Playgroud)

我的基本网址是$config['base_url'] = 'http://localhost/test/';

我的看法

<input type="text" class="form_control" name="employee_name" id="employee_name">

Run Code Online (Sandbox Code Playgroud)

客户.js

var getUrl = window.location;
var baseUrl = getUrl.protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];


    $(document).ready(function() {
       $("#employee_name").keyup(function() {
           var emp_name = $('#employee_name').val();
              $.ajax({
                   type: "POST",
                   url:baseUrl + "/index.php/Employee_control/search_with_emp_name",
                   data: {
                      emp_name: …

Run Code Online (Sandbox Code Playgroud)

php codeigniter codeigniter-3

use*_*856

2018 06-20

2
推荐指数

1
解决办法

4336
查看次数

我可以在哪里获取 wc_get_template_part( 'content', 'product' ) 的位置

我已经在 wooommerce 中创建了自定义商店页面，然后删除了所有代码archive-product.php并添加了以下代码，它正在显示产品。

defined( 'ABSPATH' ) || exit;

get_header( 'shop' );

/**
 * Hook: woocommerce_before_main_content.
 *
 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
 * @hooked woocommerce_breadcrumb - 20
 * @hooked WC_Structured_Data::generate_website_data() - 30
 */
do_action( 'woocommerce_before_main_content' );

?>
<div class="container">

<div class="products">
 <div class="row">
    <?php
    
        $args = array(
            'post_type' => 'product',
            'posts_per_page' => 12
            );
        $loop = new WP_Query( $args );
        if ( $loop->have_posts() ) {
            while ( $loop->have_posts() ) : $loop->the_post();
                wc_get_template_part( 'content', …

Run Code Online (Sandbox Code Playgroud)

wordpress wordpress-theming woocommerce hook-woocommerce

use*_*856

lucky-day

1
推荐指数

1
解决办法

7290
查看次数

单击按钮后，Bootstrap5 模式未显示在 react.js 中

我正在使用 bootstrap5 做出反应。我在 react 中成功安装了 bootstrap5。现在我必须在我的页面上显示模态，所以我在我的页面上添加了一个按钮和模态代码。

下面是我用于模态的代码。现在我点击按钮然后没有任何工作。我没有得到我的模态。

你能帮我解决这个问题吗？

import React from "react";

function addEmployee(){
    return(
<div className="addEmployee">
<button type="button" className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Add Employee</button>

<div className="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabIndex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div className="modal-dialog">
    <div className="modal-content">
      <div className="modal-header">
        <h5 className="modal-title" id="staticBackdropLabel">Modal title</h5>
        <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div className="modal-body">
        ...
      </div>
      <div className="modal-footer">
        <button type="button" className="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" className="btn btn-primary">Understood</button>
      </div>
    </div>
  </div>
</div>


</div>

    )
}
export default addEmployee;

Run Code Online (Sandbox Code Playgroud)

html javascript twitter-bootstrap reactjs bootstrap-5

use*_*856

lucky-day

0
推荐指数

1
解决办法

927
查看次数

如何使用bootstrap 5在移动设备中显示两列？

我正在使用 bootstrap 5。我必须在手机上显示 2 列，但它显示 1 列。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<div class="container">
  <div class="row">

    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-xs-6">
      <h2>Heading one</h2>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-xs-6">
      <h2>Heading Two</h2>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-xs-6">
      <h2>Heading Three</h2>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-3 col-sm-6 col-xs-6">
      <h2>Heading Four</h2>
    </div>

  </div>

</div>

Run Code Online (Sandbox Code Playgroud)

下面是浏览器的截图。