程序设计 css

5

是否有自动换行或其他任何阻止文字换行的属性？我的身高是和overflow:hidden，文本仍然中断。需要在CSS3之前的所有浏览器中工作。

332 html css text word-wrap

7

我正在尝试在ID包装器中垂直对齐元素。我将属性display:inline-flex;赋予此ID，因为ID包装器是flex容器。但是呈现方式没有什么区别。我希望包装ID中的所有内容都会显示出来inline。为什么不呢 #wrapper { display: inline-flex; /*no difference to display:flex; */ } <body> <div id="wrapper"> <header>header</header> <nav>nav</nav> <aside>aside</aside> <main>main</main> <footer>footer</footer> </div> </body> 运行代码段隐藏结果展开摘要

330 css flexbox

14

文字轮廓效果

CSS中有什么方法可以为不同颜色的文本提供轮廓？我想突出显示文本的某些部分以使其更直观-例如名称，链接等。更改链接颜色等现在很普遍，因此我需要一些新的东西。

329 css

7

等距DIV的流体宽度

我有一个宽度可变的容器DIV。在此我有4个DIV，所有300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> 我想发生的是框1向左浮动，框4向右浮动，框2和3在它们之间均匀间隔。我希望间距也要流畅，以便将浏览器做得更小，空间也要变小。

329 html css fluid-layout

18

div中的CSS自定义滚动条

如何通过CSS（级联样式表）为一个div页面而不是整个页面自定义滚动条？

327 css html scrollbar

8

如何在一个元素上有多个CSS过渡？

这是一个非常简单的问题，但是我找不到关于CSS过渡属性的很好的文档。这是CSS代码段： .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: text-shadow .2s linear; transition: text-shadow …

327 animation css css-transitions

7

Bootstrap下拉子菜单丢失

Bootstrap 3仍在RC中，但是我只是在尝试实现它。我不知道如何放置一个子菜单类。甚至CSS中没有类，甚至新文档也没有说什么它在2.x中存在，类名称为dropdown-submenu

324 css twitter-bootstrap twitter-bootstrap-3 submenu

15

Bootstrap 4中的垂直对齐中心

我正在尝试使用Bootstrap 4将Container放在页面的中央。到目前为止，我一直没有成功。任何帮助，将不胜感激。我已经在Codepen.io上构建了它，以便你们可以使用它，并让我知道什么出于我的想法而有效... 显示代码段 var currentAuthor = ""; var currentQuote = ""; function randomQuote() { $.ajax({ url: "https://api.forismatic.com/api/1.0/?", dataType: "jsonp", data: "method=getQuote&format=jsonp&lang=en&jsonp=?", success: function( response ) { $("#quote-content").html('<h2 id="quote-content" class="display-5"><i class="fa fa-quote-left" aria-hidden="true"> ' + response.quoteText + ' <i class="fa fa-quote-right" aria-hidden="true"></i></h2>'); $("#quote-author").html('<p id="quote-author" class="lead"><em>' + response.quoteAuthor + '</em></p>'); currentAuthor …

322 html css twitter-bootstrap flexbox bootstrap-4

3

在CSS中创建径向菜单

我如何创建看起来像这样的菜单... 链接到PSD 我不想使用PSD图像。我更喜欢使用诸如FontAwesome之类的软件包中的图标，并在CSS中生成背景/ css。在此处可以找到使用PSD生成工具提示的图像然后使用它的菜单版本。

321 css tooltip css-shapes

21

将CSS背景图片放置在距离右边x像素的位置？

我认为答案是否定的，但是您可以使用CSS定位背景图像，以使其距右侧固定像素数量吗？如果我设置background-positionx和y的值，似乎这些值只能分别从左侧和顶部进行固定的像素调整。

321 css

2

CSS中的笑脸“ :)”是什么意思？

我在项目中发现了以下CSS代码： html, body { :)width: 640px;} 我已经使用CSS很长时间了，但是之前从未见过这个“ :)”代码。它是什么意思还是仅仅是错字？

321 css css-hack

12

为什么这种CSS边距顶部样式不起作用？

我尝试在另一个div内的div上添加边距值。除了最高值以外，其他所有方法都可以正常工作，它似乎被忽略了。但为什么？我的期望：我得到的是：码： #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> 运行代码段隐藏结果展开摘要 W3Schools没有解释为什么保证金如此行事。

321 html margin css

21

如何用CSS替换文本？

如何使用以下方法将文本替换为CSS： .pvw-title img[src*="IKON.img"] { visibility:hidden; } 代替（ img[src*="IKON.img"] ），我需要使用可以代替文本的东西。我必须使用[ ]它才能正常工作。 <div class="pvw-title">Facts</div> 我需要替换“ 事实 ”。

321 css text replace

4

什么可以代替cellpadding，cellspacing，valign和HTML5表中的align？

在Visual Studio中，我看到以下警告：验证（HTML 5）：属性“ cellpadding”不是元素“ table”的有效属性。验证（HTML 5）：属性“ cellspacing”不是元素“ table”的有效属性。验证（HTML 5）：属性“ valign”不是元素“ td”的有效属性。验证（HTML 5）：属性“ align”不是元素“ td”的有效属性。如果它们不是HTML5中的有效属性，那么用CSS替换它们是什么？

320 html css visual-studio css-tables

24

通过百分比动态地将颜色更改为较浅或较深的CSS（JavaScript）

我们在该网站上有一个庞大的应用程序，并且我们有一些链接，比如说蓝色，就像该网站上的蓝色链接。现在，我想建立其他一些链接，但颜色要浅一些。显然，我可以简单地通过在CSS文件中添加十六进制代码来完成操作，但是我们的网站允许用户确定其自定义配置文件/网站（例如Twitter）所需的颜色。所以，我的问题是：我们可以按百分比减少颜色吗？假设以下代码是CSS： a { color: blue; } a.lighter { color: -50%; // obviously not correct way, but just an idea } 要么 a.lighter { color: blue -50%; // again not correct, but another example of setting color and then reducing it } 有没有一种方法可以减少一定百分比的颜色？

320 css

Questions tagged «css»