我在联系表格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) 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
我在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)我在我的网站上有一些锚标记,我需要根据设计有一个"自定义"下划线.
问题是当链接文本分成多行时,底部边框仅适用于锚的底线/底部.我可以通过给锚链接显示内联来解决这个问题,但是后来我失去了为它们提供边距的能力.
有没有什么方法可以给链接一个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)
我有一个无序列表,其中列表项水平显示.每个列表项应包含一些文本和图像.当我向他们添加内容时,列表项不再对齐.
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来解决这个问题吗?或者我应该更改我的标记?
如何在图像中获得边框底部.我已尝试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)
我的网站上的镀铬设计再次出现问题。滚动时不会损失 fps 且页面上不会出现延迟。我已经绕了很多圈才发现问题的真正罪魁祸首是属性background-attachment: fixed;
。
我尝试使用此页面的解决方案来解决,但对我不起作用。
我想使用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制作它吗?这是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)
我正在尝试创建一个介于两个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
<button> <a href="web url"> log out </a>
</button>
</div>
</section>
Run Code Online (Sandbox Code Playgroud)
我尝试过使用hr标签,但我也无法使用它.