小编Nar*_*rma的帖子
在 VS code 编辑器或 Sublime 编辑器中打开文件夹时，点和下划线与文件名一起显示
我正在使用 MacBook Air。我从这里下载了可视化代码编辑器。我测试了该页面并且它可以工作。
我遇到文件名问题。我得到文件名两次。第一个文件名从 开始， ._我的第二个文件名是正确的。
例如。
我的文件夹中的文件下面有这些文件。
about.php index.php
当我在 Visual Studio 代码编辑器中打开时，我得到
._about.php
._index.php
about.php
index.php
请让我知道我的编辑有什么问题。
你能帮我解决这个问题吗？
现在我在 sublime 编辑器上遇到了同样的问题。
推荐指数
解决办法
查看次数
如何在li元素中添加全高的左边框？
我正在创建一个简单的菜单，但我在边框中遇到了问题。我必须在 li 元素中显示完整的左边框。你能帮我吗？
我得到这样的输出。
我需要这样的输出。
body{
margin: 0;
padding: 0;
}
.dash-menu
{
background-color: #763E9B;
width: 100%;
min-height: 100px;
color: #fff;
}
.dash-menu h2
{
float: left;
}
.dash-header ul
{
float:right;
list-style: none;
}
.dash-header li{
float: left;
margin: 20px;
}
.dash-header li:before{
content: '|';
color: #A569BD;
display: inline-block;
border-left: 3px solid yellow;
}<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="dash-menu">
<h2>Hi , Welcome back</h2>
<div class="dash-header">
<ul>
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
<li><i class="fa fa-bars" aria-hidden="true"></i></li>
</ul>
<img src="">
</div><!--dash-header-->
</div><!--dash-menu-->推荐指数
解决办法
查看次数
使用 npm 安装 Bootstrap 5 DataTables
如何使用 npm 安装带有数据表的 Bootstrap 5？我知道对于 Bootstrap 4，您可以使用以下内容。
npm install datatables.net-bs4
相反，我尝试：
npm install datatables.net-bs
有谁知道如何安装 Bootstrap 5 DataTables？
推荐指数
解决办法
查看次数
如何使用CSS显示等宽的div？
我正在从数据库获取输出。有时我会得到 2 个 div，有时我会得到 3 个 div，所以我必须设置 div 的宽度相等。我的意思是，如果有 2 个 div，则设置每个 div 的 50%，如果有 3 个 div，则设置每个 div 的 33.33%。你愿意帮我吗？
#container1
{
width: 100%;
display: inline-flex;
}
#container1 div{
color: #fff;
display: inline-block;
height: 100%;
width: 50%;
background: #24252A;
text-align: center;
cursor: default;
padding: 2em 0;
}
#container1 div:nth-of-type(2) {
background: red;
}
#container1 div:nth-of-type(3)
{
width: 33.33% !important;
}<div id="container1">
<!--div depanding upload database-->
<div></div>
<div></div>
<div></div>
</div>推荐指数
解决办法
查看次数
Jquery-nice-select 插件无法正常工作
我正在使用 Jquery-nice-select 插件。（http://hernansartorio.com/jquery-nice-select/）。
我有两个选择下拉菜单。在第一个中，我显示了国家名称表单数据库，在第二个下拉列表中，我根据国家名称显示了州名。
我能够同时显示两者，但问题是，当我选择国家/地区名称时，会显示国家/地区名称，但未在选择下拉列表中显示。即使我无法选择它。请检查下图。你会帮我解决这个问题吗？
前
选择国名后
<?php
include('connection.php');
$country_list="SELECT id,name FROM countries";
/* create a prepared statement */
if ($stmt = $conn->prepare($country_list)) {
/* execute statement */
$stmt->execute();
/* bind result variables */
$stmt->bind_result($id, $country_name);
}
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/nice-select.css">
</head>
<body>
<!--country name-->
<select name="country_data" class="myselect form-control country_data">
<option value="" disabled selected>Select your country</option>
<?php
while ($stmt->fetch()) {?>
<option value="<?php echo $id;?>"><?php echo $country_name;?></option>
<?php }?>
</select>
<!--state name-->
<select name="state" …推荐指数
解决办法
查看次数
如何在react.js中使用谷歌地图iframe嵌入代码
我正在使用react.js。我必须在“联系我们”页面上显示地图，因此我添加了从 google 地图获得的 iframe 嵌入代码。我正在使用下面的代码。我没有使用任何 API。
import React from 'react';
const AddressMap=()=>{
return(
<div className="google-map-code">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15282225.79979123!2d73.7250245393691!3d20.750301298393563!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30635ff06b92b791%3A0xd78c4fa1854213a6!2sIndia!5e0!3m2!1sen!2sin!4v1587818542745!5m2!1sen!2sin" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
);
}
export{AddressMap}
我的页面上出现错误
错误：该
styleprop 需要从样式属性到值的映射，而不是字符串。例如，使用 JSX 时，style={{marginRight:spacing + 'em'}}。
你能帮我解决这个问题吗？
推荐指数
解决办法
查看次数
Apexcharts - 如何更改 y 轴步长值和工具提示不显示字符串
我正在使用apexcharts.js。我在我的页面上使用以下代码。我有两个问题
- 如何改变y轴步长值？截至目前，正在讨论20。
- 在工具提示中，我没有得到字符串。它只是显示数字。
var options = {
series: [{
data: ["30 lac", "40 lac", "35 lac", "50 lac", "49 lac", "60 lac", "70 lac", "91 lac", "125 lac"]
}],
chart: {
height: 350,
type: 'bar',
events: {
click: function(chart, w, e) {
// console.log(chart, w, e)
}
}
},
//colors: colors,
plotOptions: {
bar: {
columnWidth: '45%',
distributed: true,
}
},
dataLabels: {
enabled: false
},
legend: {
show: false
},
xaxis: {
categories: [10, 20, 30, 40, …推荐指数
解决办法
查看次数
标签 统计
html ×4
jquery ×3
css ×2
javascript ×2
apexcharts ×1
bootstrap-5 ×1
datatables ×1
google-maps ×1
npm-install ×1
php ×1
reactjs ×1
select ×1
sublimetext3 ×1
text-editor ×1