程序设计 css

15

如何将字形图标添加到文本类型输入框？例如，我想在用户名输入中包含“ icon-user”，如下所示：

340 css twitter-bootstrap glyphicons

5

我希望-在逐个连字符后防止与所有浏览器兼容的换行符。例：我有这段文字： 3-3/8"在HTML中是这样的： 3-3/8&rdquo; 问题是由于连字符，在一行的结尾附近，它会中断并换行到下一行，而不是像完整的单词一样对待它... 3- 3/8" 我尝试插入“零宽度不间断字符”，&#65279;没有运气... 3-&#65279;3/8&rdquo; 我在Safari中看到了这一点，并认为在所有浏览器中都一样。以下是我doctype和字符编码... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 有什么办法可以防止这些字符在连字符后换行？我不需要适用于整个页面的任何解决方案...只是我可以根据需要插入的东西，例如“零宽度不间断字符”，唯一可行的方法是。这是一个演示。只需将框架变窄，直到线条在连字符处断开。 http://jsfiddle.net/RagKH/

340 html css character-encoding line-breaks hyphenation

6

等效于jQuery .hide（）设置可见性：隐藏

在jQuery中，有.hide()和.show()方法设置CSS display: none设置。是否有可以设置visibility: hidden设置的等效功能？我知道我可以使用，.css()但是我喜欢一些类似的功能.hide()。谢谢。

340 javascript jquery css visibility

21

Bootstrap 4将导航栏项目向右对齐

如何将导航栏项目右对齐？我要登录并在右边注册。但是我尝试的所有方法似乎都无法正常工作。到目前为止，这是我尝试过的： <div>周围<ul>带有属性：style="float: right" <div>周围<ul>带有属性：style="text-align: right" 在<li>标签上尝试了这两件事再次尝试了所有这些事情，并!important添加到最后改变nav-item以nav-right在<li> 添加了一个pull-sm-right类的<li> 添加了一个align-content-end类的<li> 这是我的代码： <div id="app" class="container"> <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Navbar</a> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> …

340 css twitter-bootstrap flexbox bootstrap-4 navbar

13

删除Safari / Chrome文本输入/ textarea发光

我想知道是否有可能在使用CSS单击文本输入/文本区域时删除默认的蓝色和黄色发光？

337 css cross-browser

14

如何使用Javascript创建<style>标签？

我正在寻找一种<style>使用JavaScript 将标记插入HTML页面的方法。到目前为止，我发现的最好方法是： var divNode = document.createElement("div"); divNode.innerHTML = "<br><style>h1 { background: red; }</style>"; document.body.appendChild(divNode); 这在Firefox，Opera和Internet Explorer中有效，但在Google Chrome中不起作用。<br>IE的前面也有点难看。有人知道创建<style>标签的方法吗更好使用Chrome吗？或许这是我应该避免的非标准事情三种运行良好的浏览器都很棒，到底谁在使用Chrome？

336 javascript html css

4

使用CSS3 calc进行不太积极的编译

我正在使用的Less编译器（OrangeBits和dotless 1.3.0.5）正在积极地进行翻译 body { width: calc(100% - 250px - 1.5em); } 进入 body { width: calc(-151.5%); } 这显然是不希望的。我想知道是否有一种方法可以通知Less编译器在编译过程中实质上忽略该属性。我搜索了Less文档和两个编译器的文档，但找不到任何东西。更少或更少的编译器是否支持此功能？如果没有，是否有CSS扩展器呢？

336 css compilation less css-calc

17

“ display：none”会阻止图像加载吗？

每个响应式网站开发教程都建议使用display:noneCSS属性来隐藏内容，以免在移动浏览器中加载内容，从而使网站加载速度更快。是真的吗难道display:none不加载图像或它仍然加载在手机浏览器的内容？有什么方法可以防止在移动浏览器上加载不必要的内容？

336 css responsive-design

12

jQuery的更改类名

我想更改给定td标签ID的td标签的类： <td id="td_id" class="change_me"> ... 我希望能够在其他dom对象的click事件中执行此操作。如何获取TD的ID并更改其类别？

336 jquery css

24

如何在HTML中制作垂直线

如何使用HTML绘制垂直线？

335 html css

12

我可以在CSS中产生onclick效果吗？

我有一个要在点击时更改的图像元素。 <img id="btnLeft"> 这有效： #btnLeft:hover { width:70px; height:74px; } 但是我需要的是： #btnLeft:onclick { width:70px; height:74px; } 但是，显然，它不起作用。onclickCSS 可能有行为（即不使用JavaScript）吗？

335 html css onclick

19

CSS显示调整大小并裁剪的图像

我想显示具有特定宽度和高度的URL的图像，即使它具有不同的大小比例。所以我想调整大小（保持比例），然后将图像切成我想要的大小。我可以用html img属性调整大小，也可以用剪切background-image。我该怎么办？例：这个图片：具有800x600像素大小，我想显示为200x100像素图像通过img我可以调整图像的大小200x150px： <img style="width: 200px; height: 150px;" src="http://i.stack.imgur.com/wPh0S.jpg"> 这给了我这个： <img style="width: 200px; height: 150px;" src="https://i.stack.imgur.com/wPh0S.jpg"> 运行代码段隐藏结果展开摘要而且background-image我可以削减图像200x100像素。 <div style="background-image: url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> 给我： <div style="background-image:url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;">&nbsp;</div> 运行代码段隐藏结果展开摘要我该怎么办？调整图像大小，然后将其切成我想要的大小？

333 html css background-image image

10

如何在Bootstrap中将容器垂直居中？

我正在寻找一种将containerdiv 垂直居中放置jumbotron在页面中间的方法。在.jumbotron必须适应于屏幕的整个高度和宽度。的.containerdiv有一个宽度1025px和应在该页面（垂直中心）的中间。我希望此页面的大屏幕适应屏幕的高度和宽度，并且容器垂直于大屏幕垂直居中。我该如何实现？ .jumbotron { height:100%; width:100%; } .container { width:1025px; } .jumbotron .container { max-width: 100%; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="jumbotron"> <div class="container text-center"> <h1>The easiest and powerful way</h1> <div class="row"> <div class="col-md-7"> <div class="top-bg"></div> </div> <div class="col-md-5 iPhone-features" style="margin-left:-25px;"> <ul class="top-features"> <li> <span><i class="fa fa-random simple_bg …

333 html css twitter-bootstrap twitter-bootstrap-3 vertical-alignment

19

React Js有条件地应用类属性

我想有条件地显示和隐藏此按钮组，具体取决于从父组件传入的内容，如下所示： <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div className="row"> <div className="col-lg-6"> <div className="btn-group pull-right {this.props.showBulkActions ? 'show' : 'hidden'}"> <button type="button" className="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Bulk Actions <span …

333 javascript css twitter-bootstrap-3 reactjs class-attributes

4

使背景图像适合div

我在以下div中有一个背景图片，但是该图片被截断了： <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> 有没有一种方法可以显示背景图像而不将其剪切掉？

333 html css background-image

Questions tagged «css»