草庐IT

space-before

全部标签

html - 三列 HTML flexbox : how to set the middle one to get all the remaining space?

假设我使用display:flex;(demo)设置了一个简单的三列布局。在左列和右列中,我有指定宽度的图像(每个100px)。在中心栏中,我有主要内容区域。该区域有高分辨率图像:我需要调整CSS,使中心列宽度最多为侧列之间可用空间的100%(换句话说,它必须始终如此宽:windowSize-column1-column2)。如果窗口缩小,我需要中心列(及其图像)随之缩小。#main-container{display:flex;justify-content:space-between;align-items:center;}#left-content,#right-content{

html - 伪类::before - 创建 css 圆

我正在尝试用css创建圆圈,但不想使用伪类::before这应该是这样的(对于地铁站列表):.subway-item{//cssfortextitemgoingaftercircle}.subway-item::before{width:15px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-color:#69b6d5;}我知道可以在文本或图像之前使用附加元素来完成。但是想知道是否可以在::before中使用这些属性 最佳答案

html - 伪类::before - 创建 css 圆

我正在尝试用css创建圆圈,但不想使用伪类::before这应该是这样的(对于地铁站列表):.subway-item{//cssfortextitemgoingaftercircle}.subway-item::before{width:15px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-color:#69b6d5;}我知道可以在文本或图像之前使用附加元素来完成。但是想知道是否可以在::before中使用这些属性 最佳答案

css - Bootstrap 3 : Span elements floating right in list-group-item do not consume vertical space

在Bootstrap3list-group-item中,我有一个图标、一些文本和两个应该向右浮动的图标/按钮。我试过这个:Sometextgoeshere如果结果适合一行,这会很好用:当窗口太薄以至于实际文本无法放在一行中时,它也可以工作:但是,如果窗口允许文本保留在一行中,但没有足够的空间用于向右拉的跨度,事情就会变得一团糟:我真正想要的是pull-right跨度开始一个新行并右对齐,并且list-group-item垂直延伸到它们合身。我怎样才能做到这一点? 最佳答案 为了保持按钮对齐,在它们周围包裹一个新元素并float包裹元

css - Bootstrap 3 : Span elements floating right in list-group-item do not consume vertical space

在Bootstrap3list-group-item中,我有一个图标、一些文本和两个应该向右浮动的图标/按钮。我试过这个:Sometextgoeshere如果结果适合一行,这会很好用:当窗口太薄以至于实际文本无法放在一行中时,它也可以工作:但是,如果窗口允许文本保留在一行中,但没有足够的空间用于向右拉的跨度,事情就会变得一团糟:我真正想要的是pull-right跨度开始一个新行并右对齐,并且list-group-item垂直延伸到它们合身。我怎样才能做到这一点? 最佳答案 为了保持按钮对齐,在它们周围包裹一个新元素并float包裹元

html - 使用 :before pseudo class in css 插入特殊字符

我在css中摆弄:before伪类,试图插入一个特殊字符,但结果不是我所希望的。使用:.read_more:before{content:"»";margin-right:6px;}我得到了我想要的字符,但前面有一个字符并使用:.read_more:before{content:"»";margin-right:6px;}我在html页面上得到了完整的»。我可以想出几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么。顺便说一下,我的文档类型是: 最佳答案 试试这个.read_more:be

html - 使用 :before pseudo class in css 插入特殊字符

我在css中摆弄:before伪类,试图插入一个特殊字符,但结果不是我所希望的。使用:.read_more:before{content:"»";margin-right:6px;}我得到了我想要的字符,但前面有一个字符并使用:.read_more:before{content:"»";margin-right:6px;}我在html页面上得到了完整的»。我可以想出几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么。顺便说一下,我的文档类型是: 最佳答案 试试这个.read_more:be

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - href 语法 : is it okay to have space in file name

这一直是我的习惯,每当我使用图像时,我都会将它们命名为walls_ico,bu_hover所以当我给出路径时,它们是这样的直到现在,当我在一个用户上传文件的项目中...我想知道在文件和文件夹名称之间有空格可以吗 最佳答案 src属性应包含validURL.自spacecharactersarenotallowed在URL中,你必须encodethem.你可以这样写:但不是:因为,正如DavidRR在他的评论中正确指出的那样,将空格字符编码为+仅在URL的查询字符串部分有效,在路径本身中无效。