小编Nen*_*car的帖子

联系表格7自动添加p标签

我在联系表格7编辑器中有下一个代码

<div class="row">
    <div class="col-sm-8 col-sm-offset-2">
        <div class="row">
            <div class="col-sm-4">
                [text* name class:border-field placeholder "Name"]
            </div><!-- End of col -->
            <div class="col-sm-4">
                [email* email class:border-field placeholder "Email"]
            </div><!-- End of col -->
            <div class="col-sm-4">
                [text subject class:border-field placeholder "Subject"]
            </div><!-- End of col -->
        </div><!-- ENd of row -->
    </div><!-- End of col -->
</div><!-- ENd of row -->

<div class="row">
    <div class="col-sm-8 col-sm-offset-2">
        [textarea message class:border-field placeholder "Message"]
    </div>
</div><!-- End of row -->

<div class="row text-center">
    <div clas …
Run Code Online (Sandbox Code Playgroud)

wordpress contact-form-7

25
推荐指数
4
解决办法
3万
查看次数

Google Analytics 自定义维度不起作用:gtag set() 方法问题

chain_id我正在尝试使用 gtag方法为 GA4 设置一个自定义维度set。我还在custom_map配置中添加了一个属性,但我什至不确定这是否有必要。问题是,chain_id正如您在 GA 调试器的控制台输出中看到的那样,它永远不会与事件一起发送。

不太确定我在这里缺少什么,但我认为chain_id的值Test chain id应该出现在事件参数中。

在此输入图像描述

document.getElementById("another").addEventListener("click", function(event) {
  gtag("event", "Button click");
});
Run Code Online (Sandbox Code Playgroud)
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<my-ga-id>"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date());

  gtag("set", {
    chain_id: "Test chain id"
  });

  gtag("config", "<my-ga-id>", {
    debug_mode: true,
    custom_map: {
      dimension1: 'chain_id'
    }
  });
</script>

<button id="another">Another click</button>
Run Code Online (Sandbox Code Playgroud)

javascript google-analytics custom-dimensions google-analytics-4

9
推荐指数
1
解决办法
3026
查看次数

我可以使用css或js在文本的一半上使用不同的颜色

我想在不同的一半的文本上有两种不同的颜色,即不同颜色的文本的上半部分和其他的一半.就像在这张图片..

在此输入图像描述

html javascript css

8
推荐指数
0
解决办法
129
查看次数

将垂直线添加到底部css

我在twitter-bootstrap中有一个响应表,我想知道是否可以将中心线添加到" numberCircle " 的底部,就像在图像中一样:

在此输入图像描述

谢谢

.numberCircle {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: rgba(177, 207, 219, 1);
  color: white;
  text-align: center;
  line-height: 50px;
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0;
}
Run Code Online (Sandbox Code Playgroud)
<table class="col-md-12 table-condensed cf">
  <tbody>
    <tr>
      <td style="width: 50%; vertical-align: top;">
        <div class="title">Title Content</div>
        <div class="content">
          Quisque porta pulvinar urna, at maximus sapien efficitur ac. Suspendisse tristique blandit tortor eget congue. Nulla sed aliquet enim. Ut quis massa auctor, feugiat dui ut, molestie mi. Ut congue metus ac …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap-3

6
推荐指数
1
解决办法
639
查看次数

锚标签上的边框底部,适用于多行并具有内联块/块显示

我在我的网站上有一些锚标记,我需要根据设计有一个"自定义"下划线.

问题是当链接文本分成多行时,底部边框仅适用于锚的底线/底部.我可以通过给锚链接显示内联来解决这个问题,但是后来我失去了为它们提供边距的能力.

有没有什么方法可以给链接一个2px的下划线并且可以跨多行工作,同时还能给他们一个保证金顶部?

示例小提琴:

https://jsfiddle.net/mjxfzrwk/

代码只是包含:

.custom-underline {
  border-bottom: 2px solid red;
  display: inline-block;
  margin-top: 20px;
}
.standard-underline {
  text-decoration: underline;
  display: inline-block;
  margin-top: 20px;
}
.inline {
  display: inline;
}
.container {
  width: 100px;
}
a {
  text-decoration: none;
  line-height: 29px;
  font-size: 20px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <a class="custom-underline" href="">This has a good underline</a> 
  <br/>
  <a class="standard-underline" href="">This has a standard underline</a> 
  <br />
  <a class="custom-underline inline" href="">This has a good underline but display inline removed top margin</a>
</div>
Run Code Online (Sandbox Code Playgroud)

css anchor

6
推荐指数
1
解决办法
3788
查看次数

带有框的无序列表

我有一个无序列表,其中列表项水平显示.每个列表项应包含一些文本和图像.当我向他们添加内容时,列表项不再对齐.

ul {
  list-style-type: none;
  width: 500px;
  height: 500px;
  border: 1px solid black;
}
li {
  border: 1px solid blue;
  display: inline-block;
  height: 100px;
  width: 100px;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>222</li>
  <li></li>
  <li></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

Jsbin:https://jsbin.com/fobopayaco/edit html,css,output

我可以添加som css来解决这个问题吗?或者我应该更改我的标记?

html css

4
推荐指数
1
解决办法
65
查看次数

自定义如何为文本加下划线

如何在图像中获得边框底部.我已尝试h1使用text-decoration属性的标记的文本下划线.

在此输入图像描述

h1 {
  color: #F16A70;
  text-transform: uppercase;
  font-size: 30;
  font-family: oswald text-decoration: underline;
}
h1:after {
  width: 60%;
  border-bottom: 2px solid #F16A70;
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <h1>navigation</h1>
</div>
Run Code Online (Sandbox Code Playgroud)

css

4
推荐指数
1
解决办法
4008
查看次数

背景附件固定镀铬滞后

我的网站上的镀铬设计再次出现问题。滚动时不会损失 fps 且页面上不会出现延迟。我已经绕了很多圈才发现问题的真正罪魁祸首是属性background-attachment: fixed;

我尝试使用此页面的解决方案来解决,但对我不起作用。

https://petersproblems.wordpress.com/2014/12/06/background-attachment-fixed-causing-lag-when-scrolling/

我想使用background-attachment: fixed;,没有延迟,有什么解决办法吗?

CSS:

body {
    margin: 0 auto;
    background-image: url(imagen/fondo.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top center;
}
Run Code Online (Sandbox Code Playgroud)

css background google-chrome lag

3
推荐指数
1
解决办法
3549
查看次数

中间CSS中带有白线的文本

我有一个任务是在文本中间用白线制作漂亮的文本,如下图所示.可以用css制作它吗?这是Fiddle

在此输入图像描述

.container{
  height:200px;
  width:400px;
  background-color:#EB8A1C;
}

.container h1{
  color:#2CDB1D;
  text-align: center;
  padding-top:40px;
  font-size:400%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <h1> filosofia </h1>
</div>
Run Code Online (Sandbox Code Playgroud)

html css

3
推荐指数
1
解决办法
227
查看次数

试图在两个div之间创建一条线

在此输入图像描述

我正在尝试创建一个介于两个div之间的行.不幸的是,我不能让这条线在两个div之间垂直对齐.上面的图片是我目前得到的.下面是html.

.line {
  vertical-align: middle;
  margin-left: 120px;
  margin-right: 200px;
  border: 2px solid red;
}
section {
  width: 100%;
  margin: auto;
}
.home {
  width: 20%;
  margin-left: 50px;
  float: left;
}
.logout {
  width: 15%;
  float: right;
  margin-right: 50px;
}
Run Code Online (Sandbox Code Playgroud)
<section>
  <div class="home">Home</div>
  <div class="line"></div>
  <div class="logout">Reports &nbsp; &nbsp;
    <button> <a href="web url"> log out </a> 
    </button>
  </div>
</section>
Run Code Online (Sandbox Code Playgroud)

我尝试过使用hr标签,但我也无法使用它.

html css

3
推荐指数
1
解决办法
2154
查看次数