小编Mr.*_*ien的帖子

跨度元素的GreenSock动画

Iam执行简单的Greensock动画,Iam无法对span元素执行任何动画.即使任何动画我执行它只是闪烁可以任何一个帮助.我的span元素定义是否有任何问题.

这是代码.

<div id="prac">
    <div><span>1</span><span>2</span><span>3</span><span>4</span></div>
  </div>

Run Code Online (Sandbox Code Playgroud)

CSS风格

#prac span{padding:20px;border:1px dashed blue;background:violet;margin:5px;}

Run Code Online (Sandbox Code Playgroud)

JS TweenMax.staggerFrom($("#prac").find("span"), 0.4, {scale:0, rotation:-360, autoAlpha:0},0.1)

html css greensock

sas*_*asi

2013 09-23

1
推荐指数

1
解决办法

713
查看次数

CSS的布局问题

我在CSS中进行布局时遇到了一些问题.这是我正在谈论的代码:小提琴.

该<div id="header">应有的高度,<div id="menubuttons">这是我标记为红色.我一直认为,如果你没有陈述div的高度,它将获得它的孩子的高度.
该<div class="contentLine>粘在<div id="theme">我虽然定义margin-top: 20px;.
右列的余量始终大于左列.我希望两者都与浏览器窗口具有相同的余量.

CSS

body {
    margin: 0 auto;
    padding: 0;
    font-family:'Share', cursive;
}
#header {
    width: 100%;
    vertical-align: middle;
}
#header_logo {
    width:;
    float: left;
    margin: 11px 20px 20px 20px;
    background-color:;
}
#menubuttons {
    margin-right: 0;
    margin-top: 0;
    height: 2.5em;
    line-height: 2.5em;
    display: inline-block;
    background-color: red;
}
#menubuttons ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
#menubuttons li {
    float: left;
    margin-right: …

Run Code Online (Sandbox Code Playgroud)

html css layout margin css-float

Ret*_*dor

2014 01-12

1
推荐指数

1
解决办法

80
查看次数

在其中使用div而不使用margin auto

尝试文本对齐中心和边距自动,两者都不起作用,我不想习惯使用'边缘黑客'进行居中.

http://jsfiddle.net/st9AM/1/

.circle{

float: left;
position: relative;
width: 120px;
height: 120px;
border-radius: 50%;
border: 2px solid #DDD;
}

.inner{
float: left;
position: relative;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #DDD;
}

Run Code Online (Sandbox Code Playgroud)

html css css-position css3 css-float

Ric*_*oek

2014 02-06

1
推荐指数

1
解决办法

1601
查看次数

将固定宽度设置为Nivo Slider

我已经使用免费下载中包含的演示代码安装了Nivo Slider.

我在滑块中包含的所有图像都是800像素宽.

但是,它们的大小调整为1440像素.正在插入额外的代码:

<img src="images/bar.jpg" data-thumb="images/bar.jpg" alt="" title="" style="display: none; width: 1440px;">

Run Code Online (Sandbox Code Playgroud)

我搜索过CSS和JS,但没有提到1440.

这个宽度在哪里设定？

css nivo-slider

Ste*_*eve

2013 10-22

1
推荐指数

1
解决办法

6773
查看次数

display:inline-flex; 导致奇怪的盒子模型渲染

我最近遇到了一些奇怪的东西,我不想与你分享,也许有人知道为什么会这样.

因为我没有足够的代表我需要链接截图:

均匀 - 无间距

在此输入图像描述

奇数 - 间距

在此输入图像描述

如您所见,没有边距,填充或其他一些间距定义,浏览器知道这一点.但仍然有这种奇怪的间距,我绝对不知道为什么.

减:

@grd-height  : 110px;
@grd-width   : @grd-height;
@grd-per-line: 4;

.grd {

    width: (@grd-width * @grd-per-line) + 15%;

    .data {

        display: inline-flex;
        height: @grd-height;
        width: @grd-width;
        padding: 0px;

    }
    .data:nth-child(even) {
        background: #eee;   
    }

}

Run Code Online (Sandbox Code Playgroud)

(我把15%放在那里为我的测试解决这个问题)

HTML:

    <body>

        <section class='grd'>
            <section class='data'>hello world</section>
            <section class='data'>what</section>
            <section class='data'>are </section>
            <section class='data'>you doing</section>
            <section class='data'>hello world</section>
            <section class='data'>what</section>
            <section class='data'>are </section>
            <section class='data'>you doing</section>
            <section class='data'>hello world</section>
            <section class='data'>what</section>
            <section class='data'>are </section>
            <section class='data'>you …

Run Code Online (Sandbox Code Playgroud)

html css less flexbox

nev*_*ess

2014 01-15

1
推荐指数

1
解决办法

6404
查看次数

HTML <Input> 按钮意外移至下一行

我有一个页面，在其中显示搜索结果并在每个结果旁边放置一个按钮。然而，结果是图 1，按钮位于文本下方，而我希望图 2 的按钮与文本一致。为什么会发生这种情况？

在此输入图像描述

超文本标记语言

<?php
while($row = mysql_fetch_array($sqlresult))
{
echo $row['personName'];
?>
<form action="http://website/delPerson.php" method="post">
<input type="submit" name="delete" value="Delete" class="deleteButton">
</form>
<br>
<?php
}
?>

Run Code Online (Sandbox Code Playgroud)

html css

RGr*_*ths

2014 01-22

1
推荐指数

1
解决办法

4337
查看次数

如何使类无法点击<a>标签？

我有一些带有子项的父导航项,我不需要父项是可点击的.

它们看起来像这样:

<a href="parent">Parent Item</a>

Run Code Online (Sandbox Code Playgroud)

无论如何都要<a>使用特定的类来定位标签.parent并使它们不可点击？

javascript css anchor jquery

J82*_*J82

2014 02-02

1
推荐指数

1
解决办法

1746
查看次数

不保存在rails form_for中的新列

我正在使用rails创建在线商店应用程序,当用户处理订单时,我最初创建了一个带有列的订单支架:

:name,:text
:address,:text_field
:电子邮件,:电子邮件

这很好,表单将提交,所有数据都将添加到数据库中.但是我想在数据库中添加两个新列,即delivery_date和delivery_time,因此我创建了一个迁移并通过它添加了它们

add_column:orders,:delivery_date,:text
add_column:orders,:delivery_time ,:text

接下来我进入了_form partial并在form_for方法中添加了新行,现在看起来像

<div class="field">
  <%= f.label :delivery_date %>
  <%= f.text_area :delivery_time %>
</div>

Run Code Online (Sandbox Code Playgroud)

但是当表单加载并且我将信息输入这两个新字段时,它不会保存到数据库中,当我使用sqlite3从订单中选择*时

id = 1
name = name entered
address = address entered
email = email entered
delivery_date = 
delivery_time =

Run Code Online (Sandbox Code Playgroud)

我不知道是否必须在其他地方添加这些列信息？谢谢

ruby forms sqlite ruby-on-rails

jrg*_*grs

2015 05-20

1
推荐指数

1
解决办法

2715
查看次数

李的失职...

我的 HTML：

 <ul class="down_rectangles">
   <li >       
     <div class="keimeno">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis  
       consequat tellus consectetur adipiscing elit. Donec
      </div>

  </li>
  <li >
     <div class="keimeno">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis  
       consequat tellus
      </div> 

  </li>
</ul>

Run Code Online (Sandbox Code Playgroud)

CSS如下：

.down_rectangles{   
list-style: none;
margin-top:0px; 
padding:0;  
}
.down_rectangles li {
height: 250px;
width: 265px;
background-color: #FFF;
display: inline-block;
margin-right:15px;
}
.down_rectangles>li:last-child {
margin-right:0;               
}
.keimeno{
color: #626262;
font-size: 12px;
margin: 20px;
line-height: 1.5em;
font-family: Verdana, …

Run Code Online (Sandbox Code Playgroud)

html css

Unk*_*per

2014 02-27

1
推荐指数

1
解决办法

662
查看次数

是否有更简洁的方法让html列all align = right？

有没有更简洁的方法让html表格列对齐除了align="right"每一行？

是否有任何html或CSS我可以在一个地方指定它,以避免每一行上的HTML？

<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
 </tr>
<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
</tr>
<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
</tr>
<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
</tr>

Run Code Online (Sandbox Code Playgroud)

html css html-table css-selectors

leo*_*ora

2014 04-14

1
推荐指数

1
解决办法

74
查看次数