程序设计 css

3

我的表上有很多行。我想设置表格的高度，例如500px，这样，如果表格的高度大于该高度，就会出现一个垂直滚动条。我尝试在上使用CSS height属性table，但是它不起作用。

100 css css-tables

9

我有一个列表，并且每个项目都已链接，有没有办法我可以为每个项目替换背景颜色？ <ul> <li><a href="link">Link 1</a></li> <li><a href="link">Link 2</a></li> <li><a href="link">Link 3</a></li> <li><a href="link">Link 4</a></li> <li><a href="link">Link 5</a></li> </ul>

100 html css

14

在引导程序中将分页居中

我在分页中有这段代码 <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> 但是我ul却一无所获。有什么办法可以使ulwrt 居中div吗？我尝试了margin: auto auto，margin :0 auto但是他们没有用。

100 html twitter-bootstrap css

30

Bootstrap模态在关闭后继续向身体添加填充物

我正在使用bootstrap和Parse框架来构建一个小型Webapp。但是那些Bootstrap模态在关闭后会继续向主体添加padding-right。如何解决呢？我试图将此代码放在我的JavaScript中： $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); 但这是行不通的。有人知道如何解决此问题吗？我的代码： <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm">  <div class="modal-content">  <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Login</h4> </div>  <div class="modal-body text-center" …

100 javascript jquery html css twitter-bootstrap

9

li内的CSS垂直对齐文本

我正在连续显示从<li>标记生成的具有固定高度和宽度的框数。现在我需要在垂直中心对齐文本。CSS垂直对齐没有影响，也许我遗漏了一些东西？？？我不是在寻找使用（边距，填充，行高）的技巧，因为有些文本很长并且会分成两行，所以这些技巧将不起作用。请找到实际的代码： CSS代码 ul.catBlock{ width:960px; height: 270px; border:1px solid #ccc; } ul.catBlock li{ list-style: none; float:left; display:block; text-align: center; width:160px; height: 100px; } ul.catBlock li a{ display: block; padding: 30px 10px 5px 10px; height:60px; } HTML代码 <ul class="catBlock"> <li><a href="#">IP Phone</a></li> <li><a href="#">Dual SIM Switch Server</a></li> <li><a href="#">IP PBX</a></li> …

100 html css vertical-alignment

3

CSS：不向某些元素添加内容后

我在理解CSS :after属性的行为时遇到了麻烦。根据规格（在这里和此处）：顾名思义，:before和:after伪元素指定内容在元素文档树内容之前和之后的位置。这似乎并未限制哪些元素可以具有:after（或:before）属性。但是，它似乎仅适用于特定元素 ... <p>有效，<img>无效，<input>无效<table>。我可以测试更多，但重点是。请注意，这在各浏览器之间似乎非常一致。是什么决定对象是否可以接受:before和:after属性？

100 css pseudo-element

17

如何使<a href =””链接看起来像一个按钮？

我有此按钮图像：我想知道是否有可能使<a href="">some words</a>链接的样式简单并显示为该按钮？如果有可能，我该怎么做？

100 html css

4

CSS表列自动宽度

鉴于以下几点，我如何使我的最后一列自动调整大小？（最后一列应为内容的大小自动调整大小。假设我只有1 li元素应该收缩，而只有3 li元素等）： <table cellspacing="0" cellpadding="0" border="0"> <thead> <tr> <td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td> <td class="tc">Type</td> <th>File</th> <th>Sample</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td>Division 1</td> <td>Division 2</td> <td>Division 3</td> <td>Division 4</td> <td>Division 5</td> </tr> <tr> <td>Division 1</td> <td>Division 2</td> <td>Division 3</td> <td>Division 4</td> <td …

100 html xhtml css

2

如何为我的网站使用.woff字体？

您将字体放在哪里，以便CSS可以访问它们？我在.woff文件中为浏览器使用了非标准字体。假设它的“ awesome-font”存储在文件“ awesome-font.woff”中。

100 html css fonts woff

10

如何在表格单元格中居中放置复选框？

该单元格仅包含一个复选框。由于表标题行中的文本，所以它很宽。如何将复选框居中（在HTML中包含内联CSS？（我知道））我试过了 <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> 但这没用。我究竟做错了什么？更新：这是一个测试页。有人可以更正它吗（在HTML中使用CSS内联），以使复选框位于其列的中心？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Alignment test</title> </head> <body> <table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1"> <tr> <th>Search?</th><th>Field</th><th colspan="2">Search criteria</th><th>Include in report?<br></th> </tr> <tr> <td> <input type="checkbox" name="query_myTextEditBox" style="text-align:center; vertical-align: middle;"> </td> <td> myTextEditBox …

100 html css

14

悬停时是否可以仅更改rgba背景颜色的Alpha？

我有一套 <a>标签，标签的rgba背景颜色不同，但是alpha相同。是否可以编写单个CSS样式来仅更改rgba属性的不透明度？代码的简单示例： <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> 和样式 a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} 我想做的是编写一种样式，当将<a>鼠标悬停在其上时会更改不透明度，同时保持颜色不变。就像是 a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}

100 css hover background-color rgba

4

如何使用百分比设置表格单元格的最大宽度？

<table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> 以上无效。如何使用百分比设置表格单元格的最大宽度？

100 html css html-table

4

如何防止文本区域超出其父DIV元素？（仅限google-chrome问题）

如何防止文本区域超出其父DIV元素？我在DIV内的表中有此textarea，看来这会导致整个表超出其范围。您甚至可以在更简单的情况下看到相同情况的示例，只需将文本区域放在div中即可（例如www.stackoverflow.com中使用的内容）您可以从下面的图像中看到文本区域可以扩展到其父区域之外的大小吗？我该如何预防？我是CSS的新手，所以我真的不知道应该使用什么CSS属性。我尝试了几次类似的显示，并且溢出。但是他们似乎并不能解决问题。我可能还错过了什么？更新：HTML 的CSS textarea { max-width: 50%; } #container { width: 80%; border: 1px solid red; } #cont2{ width: 60%; border: 1px solid blue; } 如果将此代码放在http://jsfiddle.net内，您将看到它们的行为有所不同。尽管textarea仅限于以css样式声明的百分比，但仍然有可能使它的父表达到想要的大小，然后您可以看到它溢出到父边界上。有关如何解决此问题的任何想法？

100 css google-chrome textarea

5

位置：绝对身高和父母身高？

我有一些容器，他们的孩子只是绝对的/相对的。如何设置容器的高度，以便他们的孩子进入其中？这是代码：的HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div>  <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> 的CSS article { position: relative; } .one { position: absolute; top: 10px; …

100 html css position height absolute

9

CSS中表td中的中心图像

我一直在尝试将图像对齐到td表的中心。它可以将margin-left设置为特定值，但是它也增加了td的大小，这也不是我想要的有什么有效的方法吗？我用百分比表示桌子的高度和宽度。

100 html css

Questions tagged «css»