javascript

java

python

c#

node.js

android

reactjs

c++

php

jquery

html

css

git

ruby-on-rails

.net

ios

sql

c

string

ruby

html-在输入上方带有标签的样式表单

我想产生以下表单样式:

Name                    Email
[.................]     [.................]

Subject
[.................]

Message
[.........................................]
[.........................................]
[.........................................]
[.........................................]

我拥有的HTML代码是:

<form name="message" method="post">
    <section>
    <label for="name">Name</label>
    <input id="name" type="text" value="" name="name">
    <label for="email">Email</label>
    <input id="email" type="text" value="" name="email">
    </section>
    <section>
    <label for="subject">Subject</label>
    <input id="subject" type="text" value="" name="subject">
    <label for="message">Message</label>
    <input id="message" type="text" value="" name="message">
    </section>
</form>

目前,它正在产生:

Name    [...................]
Email   [...................]
Subject [...................]
Message
[.........................................]
[.........................................]
[.........................................]
[.........................................]

最好的方法是什么? 我一直迷住我的花车!

trans by 2019-10-15T17:57:36Z

CSS-Twitter Bootstrap响应式布局在IE8中不起作用

我使用twitter bootstrap开发了一个站点,似乎响应式布局部分在IE8及以下版本的所有IE浏览器中均已损坏。 这些浏览器仅不支持此功能吗?

trans by 2019-10-15T15:37:01Z

html-如何将父div的自动尺寸设置为其子div的宽度

我正在尝试使父div仅与子div一样宽。 自动宽度使父div适合整个屏幕。 子div的宽度取决于其内容,因此我需要父div进行相应调整。

<div style='width:auto;'>
  <div style="width: 135px; float: left;">
    <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
    </dl>

    <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
    </dl>
  </div>

  <div style="width: 135px; float: right;">
    <h4 style="padding-right: 5px; padding-left: 10px;">Column2</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
      <dd style="white-space: nowrap;">3</dd>
    </dl>
  </div>
</div>
trans by 2019-10-15T14:25:22Z

CSS-设定Google Maps Container DIV宽度和高度100%

我加载了Google Maps API v3,并在div中打印了Google Map。但是,当将width&height设置为100%并且是auto时,我看不到地图。

这是HTML代码段。

<!-- Maps Container -->
<div id="map_canvas" style="height:100%;width:100px;margin:0 auto;"></div>

有没有解决此问题的方法?

trans by 2019-10-15T12:43:01Z

html-如何使弹性项目不能填充弹性容器的高度?

这个问题在这里已有答案:

  • 如何在Flexbox中禁用等高列?                                     2个答案

如下面的代码所示,flex容器内的左div延伸以符合右div的高度。 是否可以设置属性以使其高度成为容纳其内容所需的最小高度(例如在flex容器外部通常的<div id="a"> <div id="b">left</div> <div>right<br>right<br>right<br>right<br>right<br></div> </div> div)?

<div id="a">
  <div id="b">left</div>
  <div>right<br>right<br>right<br>right<br>right<br></div>
</div>
<div id="a">
  <div id="b">left</div>
  <div>right<br>right<br>right<br>right<br>right<br></div>
</div>

trans by 2019-10-15T12:07:24Z

html-绝对位置和溢出:隐藏

<div id="parent" style="overflow:hidden; position:relative;">
  <div id="child" style="position:absolute;">
  </div>
</div>

我需要显示大于其父元素的子元素,但不删除overflow:hidden;。 这可能吗?父元素具有position:relative;子元素一旦脱离父边界,就会被剥夺。

(元素定义了其他css,我只是为了清楚起见放置了样式属性)

trans by 2019-10-15T09:36:51Z

创建CSS全局变量:样式表主题管理

这个问题在这里已有答案:

  • 如何在CSS中将颜色定义为变量?                                     19个答案

有没有办法在CSS中设置全局变量,例如:

@Color1 = #fff;
@Color2 = #b00;

h1 {
  color:@Color1;
  background:@Color2;
}
trans by 2019-10-15T08:52:11Z

html-如何使一个<td>跨越两列表中的两列?

click to see the image

如何在HTML和CSS中创建类似于上述示例的表。我尝试了以下方法:

<table> 
  <tr> 
    <td style="width:50%">TEXT</td>
    <td style="width:50%">TEXT</td> 
  </tr>
  <tr> 
    <td style="width:100%">TEXT</td> 
  </tr>

但它行不通。 有人可以帮忙吗?

trans by 2019-10-15T04:46:59Z

如何将CSS与Rails应用程序中的ruby一起使用?

如何在RoR中使用CSS? 当我从外部链接时,我永远看不到文件。 我将.css文件cp到我能想到的每个文件夹...视图,控制器,模板,似乎没有任何作用。

要使用Rails应用程序启用外部CSS文件,我需要做什么? 我是Rails的新手,如果这是基本知识,请原谅我。

trans by 2019-10-15T04:41:52Z

如何在jQuery / javascript中获取边框宽度

我如何解析边框宽度

display:none

在jQuery / javascript中?

display:none

不这样做。

注意我需要从css解析宽度,因为该元素可能是display:none

谢谢

编辑我实际上并没有使用内联样式,我只是为了简单起见以这种方式编写了该代码,因为我没有意识到任何令人讨厌的差异。 虽然对于内联样式它似乎工作正常,但是仍然无法从已应用的CSS类中获取任何值。

trans by 2019-10-14T23:59:23Z

反转CSS或JavaScript中图像的颜色

如果可能,如何在CSS中反转图像(jpg / png ..)的颜色?

先前的相关问题没有提供足够的细节。

trans by 2019-10-14T21:06:02Z

javascript-在append元素上触发CSS过渡

正如这个问题所观察到的,新添加的元素上的CSS过渡立即被忽略了-过渡的结束状态立即被呈现。

例如,给定此CSS(此处省略前缀):

.box { 
  opacity: 0;
  transition: all 2s;
  background-color: red;
  height: 100px;
  width: 100px;
}

.box.in { opacity: 1; }

此元素的不透明度将立即设置为1:

// Does not animate
var $a = $('<div>')
    .addClass('box a')
    .appendTo('#wrapper');
$a.addClass('in');

我已经看到了触发过渡以获得预期行为的几种方法:

// Does animate
var $b = $('<div>')
    .addClass('box b')
    .appendTo('#wrapper');

setTimeout(function() {
    $('.b').addClass('in');
},0);

// Does animate
var $c = $('<div>')
    .addClass('box c')
    .appendTo('#wrapper');

$c[0]. offsetWidth = $c[0].offsetWidth
$c.addClass('in');

// Does animate
var $d = $('<div>')
    .addClass('box d')
    .appendTo('#wrapper');
$d.focus().addClass('in');

相同的方法适用于原始JS DOM操作-这不是jQuery特定的行为。

编辑-我正在使用Chrome 35。

JSFiddle(包括香草JS示例)。

  • 为什么忽略附加元素上的即时CSS动画?
  • 这些方法如何以及为什么起作用?
  • 还有其他方法吗
  • 哪个是首选解决方案?
trans by 2019-10-14T17:59:03Z

我应该在HTML网页的哪里放置CSS和Javascript代码?

设计网页时,应将以下代码放在哪里?

<head>

我应该将其放入<head>中还是应该将其放入<body>中?请澄清以下问题:

  1. 如果将它放在<head>或HTML代码中的其他任何地方,会有什么区别?
  2. 如果我有两个CSS(或Javascript)文件怎么办? 由于我只能在一个文件之前添加一个文件,因此网络浏览器将使用哪个文件来显示网页?
trans by 2019-10-14T16:30:23Z

CSS-如何通过单击<li>激活HTML链接?

我有以下标记,

<ul id="menu">              
    <li><a href="#">Something1</a></li>
    <li><a href="#">Something2</a></li>
    <li><a href="#">Something3</a></li>
    <li><a href="#">Something4</a></li>
</ul>

<li>有点大,左侧有一个小图像,我必须实际单击<a>才能激活链接。如何单击<li>激活链接?

编辑1:

ul#menu li
{
    display:block;
    list-style: none;
    background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin-top: 5px;
}

ul#menu li a
{

    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    padding-right:.5em;
    color: #696969;
}
trans by 2019-10-14T14:46:49Z

CSS-如何倾斜元素,但保持文本正常(未倾斜)

是否可以仅使用CSS复制此图像?

enter image description here

我要将其应用于菜单,因此棕色背景出现在hover实例上

我不知道该怎么做,我只有。

.menu li a:hover{
     display:block;
     background:#1a0000;
     padding:6px 4px;
}
trans by 2019-10-14T11:45:39Z

Jenkins-HTML Publisher插件-在Jenkins中查看报告时不显示CSS

我对Jenkins HTML Publisher插件有一个奇怪的问题,其中在Jenkins中查看时,删除了我添加到报告中的所有精美CSS。 如果我将报告下载到本地,则可以看到CSS格式。 Jenkins中是否有一个允许查看CSS的设置?

我在Jenkins中的HTML发布者设置:

enter image description here

在詹金斯中显示我的报告页面:

enter image description here

当我的报告页面显示在本地时:

enter image description here

trans by 2019-10-14T06:23:04Z

css-在固定位置滚动内容的一部分包含

我在布局中有position: fixed div作为侧边栏。 我被要求让它的内容的一部分固定在它的顶部(内部),而其余部分则在div底部溢出时滚动显示。

我已经看过这个答案,但是在那里提出的解决方案不适用于position: fixed或25684759375034460460容器,这很痛苦。

我在这里做了我的问题的JSFiddle演示。 理想情况下,应滚动大量文本,而不是溢出到页面底部。 标头的高度可以随内容而变化,并且可以设置动画。

position: fixed
position: fixed

没有固定的标题,我可以简单地将position: fixed添加到position: fixed中,如果它溢出了容器底部,我可以很高兴地滚动所有内容。 但是,我遇到了一个问题,即在侧边栏的顶部具有固定的可变高度的标头,并且如果滚动条太长而无法容纳在容器中,则滚动条下面会包含任何内容。

position: fixed必须保留position: fixed,我非常想做到这一点而没有任何黑客攻击,并尽可能使其跨浏览器。 我已经尝试过各种方法,但是它们都不起作用,而且我不确定从这里尝试什么。

当内容超出包含div且具有可变的不确定高度的固定div时,如何使position: fixed容器内的div仅沿Y方向滚动? 我非常想远离JS,但是如果我必须使用它,我会的。

trans by 2019-10-14T05:27:31Z

CSS悬停功能是否可以在移动设备上使用?

CSS悬停功能是否可以在移动设备上使用? 我有一个css悬停类,在常规的Web浏览器上可以正常工作,但在移动浏览器上却不能工作。

trans by 2019-10-14T05:19:53Z

javascript-可见性:隐藏和显示:无之间的性能差异

我想简化我的jQuery Backbone.js Web应用程序中的内容。 一种简化就是我的菜单和对话框小部件的行为。

以前,我在开始时就创建了菜单的div框,并使用visibility:hidden隐藏了它们。当我需要菜单时,我将其样式更改为visibility:visible,然后使用jQuery ui position实用程序来定位div框(因为无法定位具有display:none的元素) 完成后,最终将其样式更改为opacity:1

现在我想用visibility:hidden隐藏它们,当我需要它时,我使用position实用程序,然后将样式更改为visibility:visible。当我开始使用这种新方法时,在整个Web应用程序会话中,我将有大约10个div框 是隐藏的,但会占用空间,与之前用display:none隐藏的div框相反。

我的新方法意味着什么? 它会在任何方面影响浏览器性能吗?

trans by 2019-10-14T04:42:22Z

html-高度:<div>内<div>的100%显示:选项卡

这是使用.containerdisplay: table-cell CSS声明的2列标记:

.container
.container

但是.container块不会垂直填充父单元。 这是有关JsFiddle的示例:[http://jsfiddle.net/MGRdP/2。]

我有什么 我需要的

What I have What I need

请不要提出JS解决方案。

trans by 2019-10-14T00:55:18Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共97页