草庐IT

DIV_TERRITORIOS

全部标签

html - 用 DIV 包围转换后的元素

我想旋转DIV中的文本元素,但是,在文本旋转后,我的div像空的一样折叠起来。有没有css技巧可以让我的DIV仍然包围我的内部元素?这是我的代码:li{border:1pxsolidblack;list-style-type:none;}p{display:inline-block;transform-origin:rightbottom;transform:rotate(270deg);}SomeTextSomeText 最佳答案 改为变换:旋转(xdeg);你可以使用writing-mode实现这一目标。形式语法horizont

html - Flex Grow until specific max-height inside a vertically centered div with 最小高度 100%

我需要一个100vh最小高度容器内的居中框,最小高度为100%,最大高度为600px。到目前为止这很容易。但在我居中的框中,我还有3个其他元素(标题、内容和页脚)。内容部分必须增长,直到达到所有可用空间(在这种情况下,它是父级的最大高度减去标题和gg部分)。这可以用flexbox实现吗?这是一个简短的涂鸦:我自己也尝试过,但是一旦我输入100%的最小高度而不是元素div的像素值,我就会遇到问题。知道如何解决这个问题并可以使用min-height100%吗?*{box-sizing:border-box;margin:0;padding:0;}.wrapper{background:rg

html - Flex Grow until specific max-height inside a vertically centered div with 最小高度 100%

我需要一个100vh最小高度容器内的居中框,最小高度为100%,最大高度为600px。到目前为止这很容易。但在我居中的框中,我还有3个其他元素(标题、内容和页脚)。内容部分必须增长,直到达到所有可用空间(在这种情况下,它是父级的最大高度减去标题和gg部分)。这可以用flexbox实现吗?这是一个简短的涂鸦:我自己也尝试过,但是一旦我输入100%的最小高度而不是元素div的像素值,我就会遇到问题。知道如何解决这个问题并可以使用min-height100%吗?*{box-sizing:border-box;margin:0;padding:0;}.wrapper{background:rg

html - Div 在 CSS 过渡期间消失

我有两个div并排放置。单击一个按钮,左侧的div向左折叠,只留下右侧的div。由于右边的div是width:100%;,它填充了折叠的左边div留下的空间。唯一的问题是当div正在折叠/CSS转换正在进行时,右边的div消失了一会儿,我不明白为什么。HTMLsimplehorizontalcollapsibleSomeTExtCSShtml{height:100%}body{height:100%;font:14px"LucidaGrande",Helvetica,Arial,sans-serif;background:gray;}a{color:#00B7FF;}.collapse

html - Div 在 CSS 过渡期间消失

我有两个div并排放置。单击一个按钮,左侧的div向左折叠,只留下右侧的div。由于右边的div是width:100%;,它填充了折叠的左边div留下的空间。唯一的问题是当div正在折叠/CSS转换正在进行时,右边的div消失了一会儿,我不明白为什么。HTMLsimplehorizontalcollapsibleSomeTExtCSShtml{height:100%}body{height:100%;font:14px"LucidaGrande",Helvetica,Arial,sans-serif;background:gray;}a{color:#00B7FF;}.collapse

DIV Angular 周围的 HTML/CSS 文本

所以,我想做一个H1标签来绕过一个容器。如果我使用CSS旋转,我可以旋转文本,但显然只能旋转90度,而不是围绕一个div。我希望将文本保留在一个H1标签中,因为设计师希望它成为页面的标题并用于SEO目的。根据我所做的所有研究,我不确定这是否可行。我有点难过。我想你们会知道这是否可能。例如:LatestNewsBlueSquare 最佳答案 放置您的盒子relative(有一些margin空间用于offset标题文本)定位您的标题absolute负顶-1.1em创建(在标题内)用于旋转的垂直文本将您的SPANabsolute放在右边1

DIV Angular 周围的 HTML/CSS 文本

所以,我想做一个H1标签来绕过一个容器。如果我使用CSS旋转,我可以旋转文本,但显然只能旋转90度,而不是围绕一个div。我希望将文本保留在一个H1标签中,因为设计师希望它成为页面的标题并用于SEO目的。根据我所做的所有研究,我不确定这是否可行。我有点难过。我想你们会知道这是否可能。例如:LatestNewsBlueSquare 最佳答案 放置您的盒子relative(有一些margin空间用于offset标题文本)定位您的标题absolute负顶-1.1em创建(在标题内)用于旋转的垂直文本将您的SPANabsolute放在右边1

html - 量化 <p> 相对于 <div> 的语义值

我正在将一些我无法控制的XML转换为XHTML。XML模式定义了一个段落标记和和用于列表。我经常在这个XML中找到嵌套在段落中的列表。因此,直接转换会导致s嵌套在中s,这在XHTML中是非法的。我已经创建了一个列表来处理它,这里是最明显的:别担心。浏览器会做的很好。谁在乎。(我不喜欢这个选项,但这是一个选项!)为我的转换写一个fancy-pants组件,确保所有标签在无序列表开始之前关闭,然后重新打开。(我最喜欢这个选项,但由于多层嵌套,它很复杂,我们可能没有预算)只需变换至并在div上设置边距,使其在浏览器中看起来像一个段落。这是发出有效XHTML的最简单的解决方案,但它采用标记的语

html - 量化 <p> 相对于 <div> 的语义值

我正在将一些我无法控制的XML转换为XHTML。XML模式定义了一个段落标记和和用于列表。我经常在这个XML中找到嵌套在段落中的列表。因此,直接转换会导致s嵌套在中s,这在XHTML中是非法的。我已经创建了一个列表来处理它,这里是最明显的:别担心。浏览器会做的很好。谁在乎。(我不喜欢这个选项,但这是一个选项!)为我的转换写一个fancy-pants组件,确保所有标签在无序列表开始之前关闭,然后重新打开。(我最喜欢这个选项,但由于多层嵌套,它很复杂,我们可能没有预算)只需变换至并在div上设置边距,使其在浏览器中看起来像一个段落。这是发出有效XHTML的最简单的解决方案,但它采用标记的语

html - table > tbody > tr > td > div > 在不调整表格大小的情况下切换跨度和文本框?

所以我得到了我正在尝试制作的控件。它是一个网站的就地文本编辑器,基本思想是它会显示一个带有一些文本的标签,当你点击文本时,标签消失,文本框出现在它的位置,这样用户就可以编辑数据。总体布局是这样的(为清楚起见删除了id和事件):Someothercell,etc.Whenyouclickme,I'lldisappearandshowtheinputinstead.所以问题是,此设置非常繁琐,并且会在跨度消失且输入出现时调整单元格的大小。我的总体目标是能够在div、span和/或输入上设置一些CSS,以便让这个东西保持静止。我对position:absolute在div上有一点运气,但是,