Questions tagged «css»

CSS（层叠样式表）是一种表示样式表语言，用于描述HTML（超文本标记语言），XML（可扩展标记语言）文档和SVG元素的外观和格式，包括（但不限于）颜色，布局，字体，和动画。它还描述了如何在屏幕，纸张，语音或其他媒体上呈现元素。

7
CSS溢出-仅1行文字
我有div以下css样式： width:335px; float:left; overflow:hidden; padding-left:5px; 当我在其中插入div一长行文本时，它会换行并显示所有文本。我想要的是只有一行不会换行的文本。当文本较长时，我希望此溢出文本消失。 我当时正在考虑设置高度，但这似乎是错误的。 也许如果我添加与字体相同的高度，它应该可以工作并且不会在不同的浏览器中引起任何问题？ 我怎样才能做到这一点？
134 html  css  overflow 
13
将<div>元素放置在屏幕中央
我想将一个&lt;div&gt;（或&lt;table&gt;）元素放置在屏幕的中心，而不管屏幕的大小。换句话说，“顶部”和“底部”上的间距应相等，而“右侧”和“左侧”上的间距应相等。我想仅使用CSS来完成此操作。 我已经尝试了以下方法，但是它不起作用： &lt;body&gt; &lt;div style="top:0px; border:1px solid red;"&gt; &lt;table border="1" align="center"&gt; &lt;tr height="100%"&gt; &lt;td height="100%" width="100%" valign="middle" align="center"&gt; We are launching soon! &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; 注： 这是罚款的方式或者如果&lt;div&gt;元素（或&lt;table&gt;）滚动与网站或没有。只希望页面加载时居中。
134 javascript  css  html 
11
从CSS到CSS的Angular CLI
我读过 文档，其中说如果要使用scss，必须运行以下命令： ng set defaults.styleExt scss 但是当我这样做并制作该文件时，我仍然在控制台中收到此错误： styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)
7
如何将表格水平和垂直放置在div的中心
我们可以将图像设置为&lt;div&gt;like的背景图像： &lt;style&gt; #test { background-image: url(./images/grad.gif); background-repeat: no-repeat; background-position: center center; width:80%; margin-left:10%; height:200px; background-color:blue; } &lt;/style&gt; &lt;div id="test"&gt;&lt;/div&gt; 我需要在&lt;div&gt;水平和垂直中心放置一张桌子。是否有使用的跨浏览器解决方案CSS？
134 css 
2
仅CSS的砌体布局
我需要实现相当合理的砌体布局。但是，由于多种原因，我不想使用JavaScript来实现它。 参数： 所有元素具有相同的宽度 元素具有服务器端无法计算的高度（图像加上各种文本） 如果必须，我可以使用固定数量的列 有一个简单的解决方案，可以在现代浏览器中运行，该column-count属性。 该解决方案的问题在于元素按列排序： 虽然我需要按行对元素进行排序，但至少要大致： 我尝试过的方法不起作用： 制作物品display: inline-block：浪费垂直空间。 制作物品float: left：大声笑，不。 现在，我可以更改服务器端渲染并重新排序项目，将项目数除以列数，但这很复杂，容易出错（基于浏览器决定如何将项目列表拆分为列），所以我想尽可能避免它。 是否有一些新的flexbox魔术使这成为可能？
134 html  css  flexbox  css-grid 
16
如何使Bootstrap 4卡的卡柱高度相同？
我正在使用Bootstrap 4 alpha 2并利用卡上的优势。具体来说，我正在使用从官方文档中获取的此示例。如何使所有卡的高度相同？ 我现在所能想到的就是设置以下CSS规则： .card { min-height: 200px; } 但这只是一个硬编码的解决方案，在一般情况下不起作用。我认为代码与文档中的代码相同，即： &lt;div class="card-columns"&gt; &lt;div class="card"&gt; &lt;img class="card-img-top" data-src="..." alt="Card image cap"&gt; &lt;div class="card-block"&gt; &lt;h4 class="card-title"&gt;Card title that wraps to a new line&lt;/h4&gt; &lt;p class="card-text"&gt;This is a longer card with supporting text below as a natural lead-in to additional content. This …
14
HTML5占位符CSS填充
我已经看过这篇文章，并尝试了一切可能的方法来更改占位符的填充，但是，,，似乎只是不想合作。 无论如何，这是css的代码。（编辑：这是从sass生成的CSS） #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; background: url('/images/bg_searchbar.png?1296191141') no-repeat; width: 180px; height: 29px; overflow: hidden; } #search input:hover { color: #00ccff; …
6
我可以使用CSS拉伸文本吗？
我可以在CSS中拉伸文字吗？我不希望字体变大，因为这会使它看起来比旁边的较小文本大胆。我只想垂直拉伸文本，所以它有点变形。这将在一个div中，然后旁边的普通文本将在另一个div中。我怎样才能做到这一点？
133 css 
3
CSS @ font-face-“ src：local（'☺'）”是什么意思？
我是@font-face第一次使用，并从fontsquirrel下载了一个字体工具包 他们建议插入我的CSS中的代码是： @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } 现在，笑脸让我难过。但是src中的url数量也是如此-为什么它们建议这么多文件，并且在呈现页面时会将它们全部发送到浏览器？删除.ttf以外的所有内容是否有害？
133 css  font-face 
6
从引导3中的选择标签中删除边框半径
这似乎是一个微不足道的问题，但我无法弄清楚。 在Bootstraps自己的网站上，有“选择”示例。 查看代码，选择元素上的边框半径为4。 我希望将边界半径更改为0会从选择元素中删除边界半径，但是事实并非如此-如下图所示。 我已经研究了所有更改select元素的CSS，但似乎都没有删除边框半径。
10
如何使用jQuery更改CSS？
我正在尝试使用jQuery更改CSS： $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt; &lt;div class="bordered"&gt; &lt;h1&gt;Header&lt;/h1&gt; &lt;p id="myParagraph"&gt;This is some paragraph text&lt;/p&gt; &lt;/div&gt; 运行代码段隐藏结果展开摘要 我在这里想念什么？
133 javascript  jquery  css 
15
使用CSS自动添加“必填字段”星号以形成输入
有什么好方法可以克服不幸的事实，即该代码无法按预期工作： &lt;div class="required"&gt; &lt;label&gt;Name:&lt;/label&gt; &lt;input type="text"&gt; &lt;/div&gt; &lt;style&gt; .required input:after { content:"*"; } &lt;/style&gt; 在理想情况下，所有必填项input都将带有一个小星号，表明该字段是必填项。这种解决方案是不可能的，因为CSS是在元素内容之后而不是元素本身之后插入的，但是像这样的东西是理想的。在具有数千个必填字段的站点上，我可以将星号移动到输入的前面，而只更改一行（:after到:before），也可以将其移动到标签的末尾（.required label:after）或标签的前面，或收纳盒上的位置等 这很重要，不仅是为了防止万一我改变主意将星号放置在任何地方，而且对于表单布局不允许星号处于标准位置的奇怪情况也很重要。它还可以很好地与检查表单或突出显示未正确完成的控件的验证一起使用。 最后，它不会添加其他标记。 是否有任何好的解决方案具有不可能的代码的全部或大部分优点？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.