小编Cla*_*dio的帖子

使用jquery增加css top属性

我有以下div:

<div id="new" style="position: absolute; z-index: 100; top: 210px; width: 195px..
Run Code Online (Sandbox Code Playgroud)

top事件发生时增加财产的最佳方法是什么?

请注意,我已经尝试过:$('#new').css('top')+10但问题是.css返回字符串.

css jquery

32
推荐指数
2
解决办法
4万
查看次数

强调css3过渡

如何在CSS3中从左到右创建下划线动画hover

underline css3 css-transitions

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

如何使用媒体查询添加换行符?

如果屏幕宽度小于X,我正在寻找一种添加换行符的方法.

在较小的屏幕宽度上,文本的一半应保留在下一行,而不是一个字.


大屏幕上的普通视图:

大屏幕

较小屏幕上的普通视图:

较小的屏幕

小屏幕上的结果:

想要结果

较薄的文本无关


我正在寻找一种方法来使用CSS.

css

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

jQuery - 文本只切换一次

我有一个简单的脚本,应该从改变+-Content是开放的,而倒退.
但现在,当它改变时-,-无论如何都会保持不变.即使你折叠内容,它仍然保持原样-.

我试图扭转这些功能,但它只是做了同样的事情+.

jQuery的

$(document).ready(function(){
    $("#expanderHead").click(function(){
        $("#expanderContent").slideToggle();
    if ($("#expanderSign").text() != "+"){
        $("#expanderSign").html("-")
    } else {
        $("#expanderSign").html("+")
    }
    });
});
Run Code Online (Sandbox Code Playgroud)

HTML

<span id="expanderHead" style="cursor:pointer;">
    Lorem ipsum Lorem ipsum Lorem ipsum.
    <span id="expanderSign">+
    </span></span>
    <div id="expanderContent" style="display:none; color: green;">
    <sup><p>Lorem ipsumLorem ipsumLorem ipsum<br>
    Lorem ipsumLorem ipsumLorem ipsumLorem ipsum,<br>
     Lorem ipsumLorem ipsumLorem ipsum.</p>
     </sup>
  </div>
Run Code Online (Sandbox Code Playgroud)

html jquery

5
推荐指数
1
解决办法
235
查看次数

HTML - 输入元素中不可删除的占位符

我的表单中有一个 URL 字段。http://验证器要求它前面有它,我想很多人不会理解。

我可以有一个用户无法在其之前删除或写入的“占位符”吗?

示例:http: //myinputhere.com

<input type="url" placeholder="http://">

html javascript jquery

5
推荐指数
1
解决办法
7135
查看次数

CSS - 不使用ID的第一个字母选择

我的CSS:第一个字母选择器适用于所有p元素,但是如果span它具有id #fletter,它将无效...


#fletter span:first-letter {
    font-weight: 600;
font-size: 25px;
}
Run Code Online (Sandbox Code Playgroud)
<span id="fletter">
Run Code Online (Sandbox Code Playgroud)

但是,选择器可以很好地处理我的p元素.


p:first-letter {
font-weight: 600;
font-size: 25px;
}
Run Code Online (Sandbox Code Playgroud)
<p>Lorem Ipsum</p>
Run Code Online (Sandbox Code Playgroud)

html css css-selectors pseudo-element

5
推荐指数
2
解决办法
3747
查看次数

C# - 如果字符串为空或有空格,则禁用按钮?

我刚开始学习C#.

这是我的代码:

private void button1_Click(object sender, EventArgs e)
{
    object Nappi1 = ("Nice button");
    MessageBox.Show(Nappi1.ToString());
}
Run Code Online (Sandbox Code Playgroud)

我有一个文本框,应该禁用button1if空或空格.

我已经得到了它在一定程度上工作,但检查的状态textboxbutton1_Click.

private void button1_Click(object sender, EventArgs e)
{
    if (textBox1 = "") 
    {
        button1.enabled = false;
    }
    else 
    {
        button1.enabled = true;
        object Nappi1 = ("Nice button");
        MessageBox.Show(Nappi1.ToString());
    }
}
Run Code Online (Sandbox Code Playgroud)

虚构的例子:

 if (textBox1 = "" or textBox1 = whitespace[s])
Run Code Online (Sandbox Code Playgroud)
  1. 我怎么能检查它的状态textbox onLoad(一旦程序启动)?
  2. 我怎么能检查是否(多个)whitespace,我可以把它写到同一个if语句吗?

请保持简单.

.net c# user-interface button winforms

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

border-bottom没有显示在标题div上

我正在尝试在标题的底部添加1px边框,div但它没有显示.
有人可以帮忙吗?

是否与我height在标题中添加指定值有关div
或者与利润率下降有关?或两者?!

这就是我在CSS中所拥有的......

@charset "UTF-8";

body {
    font: 100%/1.4;
    background-color:#FFF;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;   
    padding-right: 15px;
    padding-left: 15px; 
}

h1 {
    font-family: 'Abel', Arial, sans-serif;
    font-size:24px;

}

h2 {
    font-family: 'Abel', Arial, sans-serif;
    font-size:18px;
}

p {
    font-family: 'Cutive Mono', Georgia, serif;
    font-size:14px;

} …
Run Code Online (Sandbox Code Playgroud)

css

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

CSS3 - 动画延迟不起作用

我这里有一个简单的CSS3动画.

#FadeIn3 {
    animation-delay: 20s;
    -webkit-animation-delay: 20s;
    animation: FadeIn 3s;
    -webkit-animation: FadeIn 3s;
}
Run Code Online (Sandbox Code Playgroud)

我想我不需要链接动画本身,因为它完美无缺.

此外,HTML很好,一切正常但是animation-delay.

css css3 css-animations

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

float:右侧CSS属性更改div内按钮的垂直中心位置

<button>当使用CSS 属性未右对齐时,以下代码中的元素是垂直居中的float:right.

HTML


<div class="opponents_list"><b class="opponent_list_bold_name">bob</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">harri</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">harri2</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">kaleeem</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">nehaaa</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">nitiisha</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">rangi</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
<div class="opponents_list"><b class="opponent_list_bold_name">tom</b>
    <button class="opponent_list_button" type="button">Invite</button>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS


.opponents_list {
    width: 100vw;
    height: 3em;
    margin: 0.1em auto;
    background: #333;
}
.opponent_list_bold_name {
    line-height: …
Run Code Online (Sandbox Code Playgroud)

css

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