草庐IT

css-flexbox

全部标签

css - 不能打断一个长字符串/文本,它超过了 html div 的宽度

body4qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq

CSS 响应中心 Div

我想将一些具有背景图像的div居中。这个div的响应有问题,因为如果我将宽度设置为80%,将高度设置为80%,则bg-image不在中心。我尝试了所有方法,但图片不能只站在中心,如果浏览器变小或变大,这是一个非常大的问题。所以如果你看图片我想让这个白色block响应。我已经编写了一些css,但目前没有响应:top:20%;left:30%;display:block;position:absolute;background:url(images/background.png)no-repeat;background-size:750px417px;width:750px;height:

CSS 响应中心 Div

我想将一些具有背景图像的div居中。这个div的响应有问题,因为如果我将宽度设置为80%,将高度设置为80%,则bg-image不在中心。我尝试了所有方法,但图片不能只站在中心,如果浏览器变小或变大,这是一个非常大的问题。所以如果你看图片我想让这个白色block响应。我已经编写了一些css,但目前没有响应:top:20%;left:30%;display:block;position:absolute;background:url(images/background.png)no-repeat;background-size:750px417px;width:750px;height:

css - 更改响应式设计的 Div 顺序

这个问题在这里已经有了答案:ChangedivorderwithCSSdependingondevice-width(1个回答)关闭3年前。我正在创建一个响应式设计网站。基本上,当视口(viewport)低于X时,我想在页面底部显示菜单。例子链接失效-我不再拥有该网站如果您调整浏览器窗口的大小,您会注意到3种不同的设计(基于最终目标设计而不是设备类型)V1:大于999px,你会看到左上角的红色框,红色框旁边的蓝色框。V2:在600px和999px之间,你会注意到红框变小了,蓝框现在位于红框下方v3:小于600px,你会再次注意到红框变小,蓝框变黄。基本上,在V3中,我想制作现在的黄色框

css - 更改响应式设计的 Div 顺序

这个问题在这里已经有了答案:ChangedivorderwithCSSdependingondevice-width(1个回答)关闭3年前。我正在创建一个响应式设计网站。基本上,当视口(viewport)低于X时,我想在页面底部显示菜单。例子链接失效-我不再拥有该网站如果您调整浏览器窗口的大小,您会注意到3种不同的设计(基于最终目标设计而不是设备类型)V1:大于999px,你会看到左上角的红色框,红色框旁边的蓝色框。V2:在600px和999px之间,你会注意到红框变小了,蓝框现在位于红框下方v3:小于600px,你会再次注意到红框变小,蓝框变黄。基本上,在V3中,我想制作现在的黄色框

html - 如何使用 CSS 渐变创建这样的 "shiny"效果?

是否可以仅使用CSS创建以下内容?我已经创建了容器和圆Angular。fiddlehere.但我不知道如何获得轻微的Shiny效果。有可能在CSS中做到这一点吗?如果是怎么办?下面是我到目前为止编写的代码。HTMLCSS#phone-outer{margin-bottom:200px;margin:0auto;width:400px;height:500px;background-color:#333;-webkit-border-bottom-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-ra

html - 如何使用 CSS 渐变创建这样的 "shiny"效果?

是否可以仅使用CSS创建以下内容?我已经创建了容器和圆Angular。fiddlehere.但我不知道如何获得轻微的Shiny效果。有可能在CSS中做到这一点吗?如果是怎么办?下面是我到目前为止编写的代码。HTMLCSS#phone-outer{margin-bottom:200px;margin:0auto;width:400px;height:500px;background-color:#333;-webkit-border-bottom-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-ra

html - 响应式 CSS 背景图片

这个问题在这里已经有了答案:FullscreenresponsivebackgroundimageinCSS(5个答案)关闭7年前。简单的概念,我想要一个在浏览器窗口中以1:1宽/高比例缩放的响应式CSS背景图片,这是简单的部分body{height:100%;}.banner{height:100%;background:url('path/to/img')centercenterno-repeat;background-size:contain;}问题是我还想将文本放置在背景容器内并进行自动换行,并在浏览器窗口调整大小时使背景图像的高度随文本高度变化。Loremipsumdolor

html - 响应式 CSS 背景图片

这个问题在这里已经有了答案:FullscreenresponsivebackgroundimageinCSS(5个答案)关闭7年前。简单的概念,我想要一个在浏览器窗口中以1:1宽/高比例缩放的响应式CSS背景图片,这是简单的部分body{height:100%;}.banner{height:100%;background:url('path/to/img')centercenterno-repeat;background-size:contain;}问题是我还想将文本放置在背景容器内并进行自动换行,并在浏览器窗口调整大小时使背景图像的高度随文本高度变化。Loremipsumdolor

html - 基本 CSS 概念

在和我的一些friend讨论了css概念之后,我有一些问题想请教你们。我们什么时候在css中使用Id和class?并且我们与Div和Span有冲突的想法。什么时候使用Div和Span?这些问题有什么关键吗? 最佳答案 一个基本规则是一个ID在整个页面中只能存在一次。ID通常用于标识页面中的对象。大多数时候,您会在CSS中使用类。span是行内元素,div是block元素(默认情况下,您可以在CSS中覆盖它)。跨度通常用于文本block内以“标记”一段文本。div用于对容器中的对象进行分组。希望对您有所帮助。