草庐IT

html - 使用 CSS 使网格中的每个正方形在悬停时改变颜色

我使用CSS创建了一个灰色方block网格。当我将鼠标悬停在任何正方形上时,我希望它们全部变黑。我当前的解决方案只会将我悬停的方block变成黑色。我可以只使用CSS来做到这一点吗?我想这将涉及使用跨度。下面是代码:.square{background-color:#737373;float:left;position:relative;width:30%;padding-bottom:30.66%;margin:1.66%;}.square:hover{background-color:black;} 最佳答案 您需要将.squa

html - 如何使正方形在 html/css 的移动 View 中连续滚动?

我在下方有一张截图,我已将其复制到fiddle中.在fiddle中,我制作了一个父div,其中我提到了所有2行:问题陈述:我想让移动/平板电脑View中的单个行滚动。我为了让它滚动而尝试的CSS代码如下,但它似乎不起作用。我是否还需要设置最小宽度以使行在移动/平板电脑View中滚动?@mediaonlyscreenand(max-width:767px){.product-all-contents{overflow-x:auto;}} 最佳答案 1)您需要将overflow-x设置为.product-contents,以便显示在较小

html - 连接圆 Angular 正方形

如何创建divLogo,如下图所示:这是我在JsFiddle中创建的主要问题是如何将两个形状如下图的盒子连接起来,有人可以提出建议吗?body,html{width:100%;height:100%;margin:0;}body{background-color:#efefef;}.wrapper{height:40px;width:40px;position:absolute;top:50%;left:50%;margin-top:-22.5px;margin-left:-22.5px;}ul{list-style-type:none;margin:0auto;padding:0;w

html - 伪元素上的 Font Awesome 5 显示正方形而不是图标

我正在尝试更改span的内容直接从CSS页面使用FontAwesome图标,但似乎无法使其正常工作。1)我已经从文档和中导入了FA2)我的html看起来像这样:Movies3)现在假设我想直接从CSS页面使用图标更改span的内容。我的css目前看起来像这样,但它不起作用,它给了我一个正方形而不是图标。.myClass{font-size:25px;}.myClass::after{font-family:'FontAwesome5Free';content:'\f008';}有趣的是,它看起来像是在使用一些图标。如果我用content:'\f007';测试有用。知道为什么吗?(如果你

html - 当宽度基于百分比动态变化时制作一个 <div> 正方形

这个问题在这里已经有了答案:MaintaintheaspectratioofadivwithCSS(37个答案)关闭7年前。我正在开发一个网络应用程序,它将根据用户对N的选择生成NxN网格。我希望网格的总宽度是相对的(即100%的可用空间),以便用户可以打印各种纸张尺寸。我可以通过%(即:100%/N)轻松计算出网格中正方形的宽度,但我在计算高度时遇到了问题。网页的高度总是无限的,除非我人为地限制它,就像我说的那样,我不想这样做。当我的网格的高度和宽度约束是动态的而不是正方形时,如何使我的网格中的正方形成为正方形而不是矩形?

html - 如何仅使用 CSS 创建一个圆或正方形 - 中心是空心的?

它基本上应该是正方形或圆形的轮廓-我可以相应地设置样式(即将颜色更改为我想要的任何颜色,更改边框的粗细等)我想将该圆圈或正方形应用到其他东西(如图像或其他东西)上,并且中间部分应该被挖空,以便您可以看到正方形或圆圈下方的图像。我希望它主要是CSS+HTML。 最佳答案 试试这个div.circle{-moz-border-radius:50px/50px;-webkit-border-radius:50px50px;border-radius:50px/50px;border:solid21px#f00;width:50px;hei

iOS 超正方体 : bad results

我刚开始接触Tesseract库,但结果真的很糟糕。我遵循了Git存储库(https://github.com/gali8/Tesseract-OCR-iOS)中的说明。我的ViewController使用以下方法开始识别:Tesseract*t=[[Tesseractalloc]initWithLanguage:@"deu"];t.delegate=self;[tsetVariableValue:@"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"forKey:@"tessedit_char_whiteli

ios - 如何裁剪 UIImage 中的中心正方形?

很抱歉这个问题,但我在S.O.中搜索了很多主题。我一无所获。问题是:如何裁剪UIImage中的中心正方形?我尝试了下面的代码但没有成功。裁剪发生,但在左上角。-(UIImage*)imageCrop:(UIImage*)original{UIImage*ret=nil;//Thiscalculatesthecroparea.floatoriginalWidth=original.size.width;floatoriginalHeight=original.size.height;floatedge=fminf(originalWidth,originalHeight);floatpo

ios - 裁剪 UIImage 的中心正方形

这就是我到目前为止所做的。我正在使用从相机捕获的UIImage,并且可以在横向时裁剪中心正方形。出于某种原因,这并没有像预期的那样转换为肖像模式。我将发布我的代码和日志仅供引用。代码:CGRectsquareRect=CGRectMake(offsetX,offsetY,newWidth,newHeight);CGImageRefimageRef=CGImageCreateWithImageInRect([imageCGImage],squareRect);image=[UIImageimageWithCGImage:imageRefscale:1orientation:image.i

swift - 如何增加(动画)两端正方形的宽度?

我创建了一个40x40的正方形,如上所示。我有一个4x40的strip,我想用它来动画(增加)我的正方形的宽度,直到它在一秒钟内占据整个屏幕的宽度,而不管正方形的位置如何。很像两边的进度条加载。更新我忘了说正方形是一个物理体,因此物理体也必须随着Sprite的增加而增加。 最佳答案 你想要做的是使用SKAction.scaleXTo来实现你正在寻找的东西:SKAction.scaleXTo(sceneWidth/spriteWidth,duration:1).现在如果你想让左右边不均匀缩放,而是同时到达两个边缘,你可以做的是改变an