程序设计 css

11

我正在尝试为加上宽度div，但由于没有内容，因此我似乎遇到了问题。这是到目前为止我拥有的CSS和HTML，但无法正常工作：的CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } 的HTML <body> <div id="test"> <ul> <li> <div class="test1">width1</div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> </ul> </div>

110 html css width css-float

29

引导模式：背景在切换时跳到顶部

我有一个模态问题。我在页面上有一个按钮，用于切换模式。当出现模态时，页面跳至顶部。我已经竭尽所能找到解决方案/等，但是我真的迷失了。编辑：我也尝试过：$('#myModal').modal('show');但它具有完全相同的效果。

110 javascript jquery css twitter-bootstrap twitter-bootstrap-3

18

ReCaptcha API v2样式

我发现如何设计Google的新Recaptcha（v2）风格并没有取得太大的成功。最终的目标是使其具有响应性，但是即使对于诸如宽度之类的简单事物，我也难以应用样式。除了主题参数外，他们的API文档似乎都没有提供有关如何控制样式的任何详细信息，并且简单的CSS和JavaScript解决方案对我没有用。基本上，我需要能够将CSS应用于Google的reCaptcha的新版本。可以使用JavaScript。

110 javascript css captcha recaptcha

4

如果选中复选框，则突出显示标签

选中相应的复选框后，是否可以使用非JavaScript方式更改标签的颜色？

110 html css

12

HTML / CSS如何在输入类型=“ button”中添加图像图标？

我正在使用下面的CSS，但是它将图像放置在按钮的中心。是否可以使用左右对齐图标<input type="button">，以使文本和图像适合并对齐？ background: url('/common/assets/images/icons/16x16/add.png'); background-position:center; background-repeat:no-repeat;

110 html css

12

Google Chrome打印分页符

我正在尝试让Google Chrome浏览器执行分页符。通过一堆page-break-after: always;在chrome中有效的网站已经告诉我，但即使有一个非常简单的示例，我似乎也无法使其正常工作。在使用chrome打印时，有什么方法可以强制分页？

110 css printing google-chrome

2

组织Javascript库和CSS文件夹结构的最佳实践

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。改善这个问题如何在Web应用程序中组织js和css文件夹？我当前的项目结构如下： root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html 但是，当我使用许多JavaScript库和CSS插件时，情况会更加复杂。Javascript插件附带其自己的.js文件，有时还附带其自己的.css文件。例如，当我将JQuery与JQueryUI插件一起使用时，我将jquery.js和jquery-ui.js放在js / lib目录中。但是JQueryUI带有自己的css文件。我应该将javascript插件中的CSS放在哪里，以获得最佳实践？我应该将它们放在lib文件夹中，以区分我的CSS和javascript CSS插件吗？或者别的地方？我知道这是个人喜好，但我只想知道你们是如何组织项目文件夹的。提前致谢：）

110 javascript jquery html css jquery-ui

6

在Safari（iPhone）上某些字体大小变大了

是否有CSS或其他原因导致Safari / iPhone忽略某些字体大小设置？在我的特定网站上，iPhone上的Safari渲染了一些font-size：13px大于font-size：15px的文本。它可能不支持某些元素上的字体大小吗？

110 css safari mobile-safari font-size

12

当背景图像应延伸到整个页面长度时，页面右侧会显示空白[关闭]

关闭。这个问题需要调试细节。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。改善这个问题我们的网页背景图片在FireFox以及iPad / iPhone上的iOS的Safari中存在问题，页面右侧显示空白。背景图像在其他浏览器上可以很好地扩展，但是我们很难在这些浏览器上不扩展浏览器的整个长度。快来看看我们的火狐网站，看看我的意思。

110 html css

8

如何使这两个div并排？

我有两个未嵌套的div，一个在另一个之下。它们都在一个父div内，并且该父div会重复自身。所以本质上： <div id='parent_div_1'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_2'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_3'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> 我想每对child_div_1以及child_div_2彼此相邻。我怎样才能做到这一点？

110 css layout html

6

jQuery更改HTML元素的样式

我有HTML清单 <div id="header" class="row"> <div id="logo" class="col_12">And the winner is<span>n't...</span></div> <div id="navigation" class="row"> <ul id="pirra"> <li><a href="#">Why?</a></li> <li><a href="#">Synopsis</a></li> <li><a href="#">Stills/Photos</a></li> <li><a href="#">Videos/clips</a></li> <li><a href="#">Quotes</a></li> <li><a href="#">Quiz</a></li> </ul> </div> 它可以很好地在CSS更改上水平显示 div#navigation ul li { display: inline-block; } 但是现在我想使用jQuery，我使用： $(document).ready(function() { console.log('hello'); $('#navigation ul li').css('display': 'inline-block'); }); 但不起作用，我用jQuery设置元素样式有什么错误？谢谢

110 jquery html css

7

如何将垂直滚动条自动添加到div？

我想在其中添加垂直滚动条<div>。我已经尝试过overflow: auto，但是没有用。我已经在Firefox和Chrome中测试了我的代码。我在这里粘贴div样式代码： float: left; width: 1000px; overflow: auto;

110 css html scrollbar overflow

6

如何使Bootstrap中的<button>看起来像nav-tabs中的普通链接？

我正在（以前是Twitter）Bootstrap 2中工作，我想对按钮进行样式设置，就好像它们是普通链接一样。但是，不仅有任何普通的链接；这些都放在一个<ul class="nav nav-tabs nav-stacked">容器中。标记最终将像这样： <form action="..." method="post"> <div class="row-fluid">  <div class="span3"> <ul class="nav nav-tabs nav-stacked"> <li><button type="submit" name="op" value="Link 1">Link 1</button></li> <li><button type="submit" name="op" value="Link 2">Link 2</button></li>  </ul> </div>  <div class="span9">  </div> …

110 html css twitter-bootstrap

4

指定Google字体的样式和粗细

我在一些页面中使用Google字体，并在尝试使用字体变体时碰壁。例： http //www.google.com/webfonts#QuickUsePlace quickUse/ Open+Sans 我通过链接标签导入了三张脸，普通，粗体，额外粗体。正常人脸可以正确显示，但是我无法弄清楚如何在CSS中使用字体的变体我尝试将以下所有内容用作字体家族的属性，但没有骰子： “ Open Sans Bold” '开放无人区700' 'Open Sans Bold 700' “ Open Sans：Bold” 谷歌文档本身并没有提供太多帮助。任何人都知道如何编写CSS规则以显示这些变体？

110 css fonts

7

如何设置CSS角色的样式

在以下HTML中 <div id="content" role="main"> 可以通过#contentCSS 访问ID 。我该如何访问role="main"。

110 css

Questions tagged «css»