腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
居中的文本覆盖在对象适合和对象位置(CSS网格)的图像上
html
、
css
、
image
、
responsive
、
css-grid
我想知道是否有可能在一个图像上有一个居中的文本覆盖(标题),这是object-fit: contain;和object-position: left top;(即未居中) 图像正在CSS网格中显示。(显示:网格;) 下面是我想要做的例子: ? ? .container { height: 40vw; width: 40vw; border: 1px solid black; display:grid; } img { max-width: 100%; max-height:100%; height: 100%; width: 100%;
浏览 9
提问于2019-03-01
得票数 3
回答已采纳
3
回答
徽标和两个文本div在页面上垂直和水平地居中。
html
、
css
、
layout
实现此布局的最佳方法和最佳实践是什么?这意味着它将在iPad、安卓或桌面上保持一致。CSS网格?Flexbox?徽标div应垂直和水平地在页面上居中。文本div应该居中于徽标div的中间。
浏览 2
提问于2018-03-04
得票数 0
回答已采纳
2
回答
在100%宽度div上创建内部面板所需的CSS是什么?
html
、
css
我试图创建一个半透明的背景,通过使用半透明的div来减少文本与纹理背景的交互。当父div的维度由像素值高度和100%宽度定义时,我似乎不知道如何编写CSS来实现这种效果。 显然,当高度和宽度被定义为100%时,我不能使用边距来“缩小”div。这只是网页的一小部分,所以我想避免改变整个布局来达到这个效果。 HTML: <div id="container"> <div id="innerPanel"></div> </div> CSS: html { height:100%; backgrou
浏览 5
提问于2014-01-14
得票数 3
回答已采纳
1
回答
Div没有装配到图像上,文本没有正确居中?
php
、
html
、
css
、
mysqli
我有一个main Div,它是所有Div的"master“。这个div的宽度是页面的70%。在这个div中,是另一个包含图像的div。这个div叫做mainImg。它被设置为绝对定位,所有其他元素也被设置为绝对定位。所有这些元素都绝对相对于主div移动。 下面是我的代码: PHP/HTML <?php $resultSet = $db->query("SELECT * FROM Articles"); if ($resultSet->num_rows != 0) { while ($rows = $resul
浏览 3
提问于2015-12-19
得票数 2
1
回答
在显示器中垂直对齐文本:flex
jquery
、
html
、
css
、
flexbox
我有一个日历移动webapp应用程序,在其中我正在使用jQuery移动网格。在任何单元格中都有另一个网格,它可能包含最多三个不同的块,表示一个计划。为了使这些块扩展到整个父单元格,我使用了display:flex属性。 但是我需要在这些块中打印一些信息,当涉及到在每个块中垂直地将文本对中时,我感到很困难。由于没有直接指定高度,所以我试图对文本进行居中的每个方法都会失败。 基本上这就是我所拥有的: <div class="ui-grid-d"> <div class="ui-block-a"> <di
浏览 2
提问于2014-12-28
得票数 0
回答已采纳
2
回答
网格垂直中心化文本CSS
html
、
css
我正在尝试创建一个有四个不同象限的网格。在每个象限中,我希望文本的垂直和水平居中。我的文本是水平的,但不是垂直的。这是我的一部分网格的图片。 下面是我创建网格的CSS: .gridcontainer { display: inline-grid; grid-template-columns: auto auto; height: 100%; grid-template-rows: 100% 100%; } 下面是我的一个网格内容在CSS中的样子: .logantitle { font-family: "angleultra";
浏览 5
提问于2020-07-25
得票数 1
回答已采纳
2
回答
具有透明背景和居中文本的CSS响应网格
html
、
css
、
responsive-design
、
grid
试着用几个小时得到一个具有半透明背景和水平和垂直中心文本的响应网格来工作。所有的工作,除了居中文字和背景覆盖,以加深背景-图像! 这是一个Grid项: <article class="grid-box"> <div class="grid-wrapper"> <div class="grid-content"> <div class="grid-background"> <header>
浏览 5
提问于2015-02-01
得票数 1
回答已采纳
2
回答
Firefox书签面板改变响应式css网格设计
html
、
css
、
firefox
、
css-grid
编辑:我在下面发布了这个问题的答案。 我的项目使用20行乘20列的css网格布局(每个单元格占屏幕的5%)。其中一个页面的文本行在电子邮件和密码输入框上方居中,输入框也居中。整个区域包含css网格单元格8-14和网格行6-19,并使用左填充完成居中。 我的问题是,如果我打开Firefox书签,书签弹出面板会导致电子邮件和密码框上方的线条向右移动,而不是位于电子邮件和密码框上方的居中位置--换句话说,显示书签面板时没有响应。(我使用的是Firefox64,但在早期的FF版本中也会发生同样的事情)。 相关的CSS代码: .mktg_text { font-family: CamphorW01-
浏览 0
提问于2018-12-21
得票数 0
2
回答
如何获得带有不透明文本的半透明背景?
html
、
css
我正在尝试这个方法,我只是放置了2个div,我设计了第一个div的样式,添加了背景并使其半透明,我设置了第一个div的样式使其不透明: 代码如下: <div id="container"> <div id="opaquetext"> This is a normal text on a translucent background </div> </div> 和CSS: #container { background-color: #ffffff; /*
浏览 2
提问于2010-12-11
得票数 2
回答已采纳
2
回答
css网格适配-内容内容超出了垂直写入模式的范围
html
、
css
、
css-grid
我使用的是由两个div元素组成的网格布局,其中包含以下列模板: fit-content(25%) auto。 我希望第一个div与网格高度一样高,其中包含一个垂直写入和居中的文本。 我还希望第一个div包含一个fieldset,因此我在fieldset上设置了display: flex和align-items: stretch,以便包含的项具有最大的可用高度。 我设置了以下示例: div#grid { display: grid; grid-template-columns: fit-content(25%) auto; } div#first-column > f
浏览 1
提问于2018-09-25
得票数 1
回答已采纳
1
回答
如何对三span3进行中心化
css
、
twitter-bootstrap
我正在使用,我试图创建一个包含三个span3 div的居中行的网格。 我试图通过将三个span3s封装在一个居中的span9中来实现这一点,但这似乎行不通。 我的问题是,div没有正确地居中,而且由于我是HTML和CSS新手,我真的需要一些帮助。谢谢! HTML <div class="row"> <div class="span9 center"> <div class="span3"> <p>THUMBNAIL1</p> <
浏览 2
提问于2013-08-31
得票数 1
回答已采纳
1
回答
如何在以DOM为中心的div中对齐SVG网格
javascript
、
jquery
、
html
、
css
、
svg
我用SVG做的网格是这样的: <svg id="canvas-svg" class="remove-on-save" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="smallGrid" width="10" height="10" patternUnits="userSpaceOnUse
浏览 1
提问于2014-03-19
得票数 0
回答已采纳
1
回答
如何在Div中居中空CSS网格并保持高宽比
html
、
css
、
css-grid
我试图在div中对一个空的CSS网格。我需要网格保持16:9的纵横比和填充尽可能多的空间在div。它是div中的唯一元素,div将更改大小,因为完整文档中有可折叠的边栏和可折叠的标头。 下面的代码保持了高宽比并填充了空间,但是当我试图将其居中时,网格会缩小到最小大小。 我尝试在网格的CSS中使用place-self: center center;,在div的CSS中使用place-content: center center;,但这两种方法都缩小了网格。 如果这样做更容易,则容器div不必是网格。 代码片段: html, body { width: 100%; height: 10
浏览 1
提问于2022-04-08
得票数 1
1
回答
我无法在CSS网格中正确对齐我的TicTacToe项目,边框变得混乱
html
、
css
、
css-grid
我的TicTacToe网格没有justify-items:center;和align-items:center;也很好(项目没有像我想的那样居中,但我的网格还可以)。 但是我想让我的项目居中,这样“X”就在正方形的中间,所以我在我的CSS网格中添加了justify-items:center;和align-items:center;,但是当我这样做的时候,我的网格变得很奇怪,边框变得混乱。 那么如何在不干扰边框的情况下正确地对齐网格呢? #container { display: grid; grid-template: 100px 100px 100px / 100px 100px
浏览 0
提问于2018-05-15
得票数 0
1
回答
CSS宽度/高度与HTML宽度/高度属性的效果不同,具体取决于元素类型
html
、
css
例如,它们导致了关于自动边距的完全不同的行为。 看看这把小提琴: <style> .fixed { display:fixed; top:0px; left:0px; right:0px; bottom:0px; } .centered { position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; } </style> <div class="fixed"> <div
浏览 0
提问于2015-08-11
得票数 1
2
回答
如何将引导柱垂直对中
html
、
css
、
twitter-bootstrap
我想把这个文本垂直地和水平地放在一个容器内,它在一行和一个列中,设置为12,但我只能让它水平地而不是垂直地居中。我尝试了Flex,但是它将页面中的所有对象移动到中间,我只想让这个对象居中。 HTML: <div class="container-fluid home"> <div class="row"> <div class="col-md-12" id="text"> <p>Hello World!</p> </
浏览 6
提问于2016-12-13
得票数 1
回答已采纳
1
回答
将块级HTML元素中的文本垂直居中
html
、
css
、
alignment
我有一个关于如何在html / css的div中居中显示文本的问题。我有一个这样的h3标签 <h3>Pacuraru Daniel Pacuraru Daniel</h3> or <h3>Pacuraru Daniel</h3> 和css h3 { width: 100%; height: 28px; display: block; } 如果我有一个长度超过1行的名称,那么文本的2行适合div,但如果只有1行,我希望它垂直居中,而不是顶部对齐。 编辑:我有这个布局,我希望在这两个div中的文本垂直居中
浏览 0
提问于2012-10-07
得票数 0
2
回答
如何在环绕浮动元素的视区中垂直居中文本
css
、
centering
我在两个浮动元素之间有文本,文本在外部环绕元素的形状。我希望此文本在页面上垂直居中,但我尝试的所有垂直居中选项都会导致换行中断。这就是它现在的样子: 我目前使用padding-top: 40vh粗略地居中文本,但这会在较小的视区中中断。我尝试过做padding-top: 50vh和转换translate(-50%),但都不起作用。我还尝试了表、flex和网格布局,但都没有成功。此外,我尝试了文本的绝对定位,很明显,这也破坏了换行,因为文本从流中删除。使用JavaScript动态设置padding-top是一种选择,但我更喜欢CSS解决方案。 最小示例 html, body {
浏览 17
提问于2019-08-17
得票数 0
回答已采纳
1
回答
需要帮助在网格中的图像上居中显示文本
html
、
css
、
html-table
、
flexbox
、
centering
我对stackoverflow和HTML和CSS的使用都是新手,所以提前为我可能犯的任何新手错误道歉。 我的目标是创建一个带有选项网格的菜单,这些选项是图片,一旦你将鼠标悬停在其中一张图片上,它将变得模糊,相应的文本将出现在图片的中心。 我想放置这样的对象:https://codepen.io/Polyglotton/pen/BapOLBO 在响应式网格中。 这就是我到目前为止所拥有的;https://codepen.io/Polyglotton/pen/jOyvMQb 我遇到的问题是,一旦进入网格,文本就不再居中。我认为可能的解决方案是将文本放在它自己的<div>中,我已经尝试
浏览 23
提问于2021-04-19
得票数 1
1
回答
(HTML / CSS)如何在父元素中垂直居中网格
html
、
css
我试图在页面大小为100%的元素中居中显示网格,同时在整个网格周围留出空间。我已经尝试过自动页边距,但是网格粘在父页面的顶部。当添加手动边距时,body向下推网格的父元素,充当网格的边距。我还尝试了在父元素中使用另一个div,将网格间隔到一半。有没有办法做这个清洁剂(没有间隔物)? HTML: <html> <body> <main> <div class="spacer"></div> <div class="grid"> <div
浏览 36
提问于2018-06-20
得票数 0
回答已采纳
1
回答
在自动高度div中垂直和水平居中自动高度div
html
、
css
我正在尝试在自动高度div中居中显示文本。与本例类似,在滑板画廊部分 这是我的HTML和CSS #home-checker-1 { width: 100%; height: auto; background-color: #9ccd64; position: relative; } #home-checker-1 img { width: 100%; height: auto; } #home-checker-1 .checker-box-wrapper { display: table; width: 100%; height: 100%; } #
浏览 1
提问于2017-04-01
得票数 0
2
回答
CSS网格响应子元素垂直和水平居中项目
html
、
css
你如何有一个CSS网格,当它的子容器在水平和垂直居中时响应,我想只使用CSS网格。下面的代码根本不能工作,但它是我想要的基础,请谁能让我的代码工作,并使框响应,请! html, body { display: grid; justify-items: center; align-items: center; height: 100vh; margin: 0; } .box { height: 500px; width: 100%; max-width: 800px; background: red; border: 3px solid blue;
浏览 21
提问于2021-02-07
得票数 0
2
回答
子元素的属性可以在关键帧中设置吗?
css
、
keyframe
我已经成功地使用@keyframes动画了div,但我需要同时更改该div的子元素的属性。是否有办法从关键帧中寻址子元素? HTML <div class="layoutBlocks" id="layoutBlock1"> <div class="Wrappers"> <div class="transparentBG"> <!--semi=transparent underlay--> </div> </div> <div
浏览 11
提问于2014-10-26
得票数 12
5
回答
文本垂直居中
html
、
css
我无法将我的文本设置为垂直居中。我的文本被放置在:绝对div的位置。 <div class="mydiv">Frameworks and Extensions</div> 和CSS: .mydiv{ width:100px; height:70px; border:1px solid red; position:absolute; text-align:center; background-color:#ccc; } 请参阅小提琴: 有时文本会出现两行或一行。文本应垂直居中,如表td所示。 感谢您的
浏览 0
提问于2013-11-20
得票数 0
2
回答
使网格项在自动行中居中
css
我正在使用CSS网格制作日历,我很好奇是否可以将推到下一行的网格项目居中,如果该行没有显式定义的话。 下面是一个代码示例: #calendar { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 150px)); /* grid-template-rows: repeat(auto-fit, 1fr); */ justify-content: center; min-height: 10vh; max-height: 100vh; width: 100%; paddin
浏览 0
提问于2020-07-16
得票数 1
2
回答
组件中的文本不会垂直对齐
html
、
css
我在一个使用CSS网格的div中有一个横幅组件,我不知道如何垂直地对文本进行居中。现在,我可以水平中心,但它是对齐的顶部的div。我知道CSS网格使vertical-align不能工作,所以我尝试了align-self、place-self和justify-self,但它们都没有工作。所有其他线程似乎都认为这些都是解决方案。以下是代码: import React from 'react'; import './Banner.css'; const Banner = () => { return ( <div classN
浏览 5
提问于2022-01-12
得票数 -1
回答已采纳
3
回答
CSS不透明度和子元素
css
、
background
、
transparency
、
alpha-transparency
<style type="text/css"> div#foo { background: #0000ff; width: 200px; height: 200px; opacity: 0.30; filter: alpha(opacity = 30); } div#foo>div { color: black; opacity:1; filter: alpha(opacity = 100); } </style> <div id="foo">
浏览 1
提问于2010-04-01
得票数 18
回答已采纳
3
回答
无法对图像进行中心化
javascript
、
jquery
、
css
我试着把屏幕变黑,并在屏幕中央画一个中心,这是最重要的元素。我所拥有的不起作用(图像居中的部分)。 备注--我知道this..but可能有插件,我正试图弄清楚如何实现它,以及它是如何工作的。 var docHeight = $(document).height(); $("body").append("<div id='overlay'></div>"); $("#overlay").height(docHeight).css({ 'opacity': 0.4, '
浏览 5
提问于2012-06-20
得票数 1
回答已采纳
1
回答
居中网格-内部网格左对齐-没有Javascript -没有媒体查询
html
、
css
、
grid-layout
编辑 我正在寻找一个没有javascript和没有媒体查询的解决方案(用户可以更改容器大小)。 /EDIT 我需要创建一个项目网格。 容器有一个灵活的宽度。 网格始终是居中的。 网格中的项需要保持对齐。 很简单,但我找不到解决办法!! 下面是一张我需要的图片: 下面是一个小摆设: HTML: <div class="container"> <div class="grid"> <a href="#"></a> <a h
浏览 3
提问于2014-08-19
得票数 3
回答已采纳
5
回答
垂直对齐会破坏我的居中div吗?
html
、
css
、
vertical-alignment
、
alignment
当我尝试垂直对齐内部DIV居中时,我的居中不起作用... 我的问题出在哪里? CSS代码: #page_bar { width: 100%; height: 30px; background-color: white } .page_bar { width: 800px; height: 30px; display: table-cell; vertical-align: middle } HTML代码: <div id="page_bar"> <div class="page_bar&
浏览 0
提问于2012-08-18
得票数 0
回答已采纳
1
回答
材质UI网格在有背景色时偏离中心
material-ui
网格无背景中心 材料用户界面网格看起来居中没有背景。 网格背景-不居中 当材料UI网格和网格项有边框和背景时,您可以看到它们没有居中。他们离左边更近。只有网格和网格项中的文本和元素是居中的。网格和网格项本身没有居中。 如何在网格中添加背景,使网格看起来仍然是居中的? import React, { useState } from "react"; import { Grid } from "@mui/material"; export default function GridTest() { const [hasBackground,
浏览 3
提问于2022-05-03
得票数 -1
1
回答
不填充父级高度的Flex项
css
、
flexbox
我有一个装有儿童物品的容器: <div id="container"> <div className="item">1</div> <div className="item">2</div> <div className="item">3</div> <div className="item">4</div> </div> CSS #container {
浏览 3
提问于2021-02-10
得票数 0
回答已采纳
3
回答
将两个重叠的div垂直居中
html
、
css
、
mobile
我正在开发我的网站的移动版本,我在垂直居中放置两个div时遇到了麻烦。因为它是一个移动网站,我的css需要在任何类型的屏幕分辨率上工作,所以这就是我遇到问题的地方。此外,根据您所在的页面,将使用不同的图像,因此图像的分辨率也不是静态的。我需要一种方法来居中我的图像div和文本div,无论他们的高度或宽度。 我在这里创建了一个。如你所见,我选择了green area作为手机的“屏幕”,我希望图片垂直居中,文本也位于图片顶部和垂直居中。有什么帮助吗? 到目前为止我所拥有的..。(在我的jsfiddle中) HTML: <div id = "screen"> &l
浏览 0
提问于2013-11-20
得票数 0
1
回答
沿着具有居中文本的父项拉伸显示flex或table内部div
html
、
css
、
flexbox
、
alignment
、
vertical-alignment
我想创建一个具有固定html结构的响应式页面,这样我就可以调整css了。我想创建垂直和水平居中的文本行。div应该完全覆盖父div。 我的HTML..。 <body> <div class="parent"> <div class="d1"> one </div> <div class="d2"> two </div> <div class="d3"> three
浏览 19
提问于2019-01-21
得票数 1
回答已采纳
5
回答
如何在不增加宽度的情况下向文本区添加填充?
html
、
css
、
textarea
、
padding
我在设置文本区域元素的宽度和通过CSS使用填充时遇到了麻烦。填充的值似乎改变了文本区域的宽度,我不希望它这样做。 这是我的HTML代码: <div id="body"> <textarea id="editor"></textarea> </div> 和我的CSS代码: #body { height:100%; width:100%; display:block; } #editor { height:100%; width:100%; display:bl
浏览 1
提问于2010-11-15
得票数 23
回答已采纳
1
回答
如何创建只有一个html元素的css颜色网格?
html
、
css
我试图创建一个CSS颜色网格仅在一个HTML元素(类似于这个)。我想要一个HTML元素,比如一个300 of *300 of的div,然后我只想使用CSS创建这个彩色网格。我不想使用js或任何其他CSS框架或库创建多个元素。 目前,我正在考虑使用框影(只能创建一个轴网格)或背景图像,但任何其他建议都欢迎。 带框影(1轴网格) #test { width: 100px; height: 100px; border: 1px solid; box-shadow: 10px 0px 0 0 red, 20px 0px 0 0 blue; clip-path:
浏览 3
提问于2021-07-27
得票数 0
回答已采纳
2
回答
在容器div中垂直和水平居中对齐图像和文本
html
、
css
我正在尝试创建一个缩略图类型的div列表。divs有固定的高度和宽度。div包含一个图像和一个标题文本。图像和标题文本都需要位于容器div的垂直和水平中心。我可以将图像居中,但不太清楚如何定位文本。我只需要用css来设计它。 .thumb { height: 100px; width: 96px; padding: 3px; cursor: pointer; } .thumb img, .thumb svg { height: 100%; width: 100%; max-height: 100%; max-width: 100%; } .thumb d
浏览 0
提问于2018-11-23
得票数 0
8
回答
如何在自定义按钮中对齐居中文本?
html
、
css
我有这个html <head> <title>HTML5 App</title> <link rel="stylesheet" type="text/css" href="css/custom.css"> <link rel="stylesheet" type="text/css" href="css/buttons.css"> </head> <body> <!--Estructura -->
浏览 3
提问于2013-05-21
得票数 13
回答已采纳
3
回答
相对于父容器宽度的水平居中文本?
html
、
css
我试图在div中水平居中显示一些文本。 CSS: #parent { background-color: #eee; height: 48px; text-align: center; } #colLeft { background-color: #ff8b8b; height: 48px; display: inline; float: left; } #colRight { background-color: #c3d0ff; height: 48px; display:
浏览 0
提问于2012-12-17
得票数 1
回答已采纳
1
回答
在移动设备上显示文本不垂直居中的表格
html
、
css
我有以下CSS和HTMLcode: CSS .table{ display:table; height:100%; width:100%; } .table-cell{ display: table-cell; vertical-align: middle; } HTML <div class="table"> <div class="table-cell"> <a class="cta cta-1" href="#">Shop Now<
浏览 1
提问于2014-04-25
得票数 1
1
回答
如何在内容和content::之前不重叠的情况下使用不透明度
html
、
css
、
twitter-bootstrap-3
我使用bootstrap 3作为我的网格框架,并使用css创建一个带有倾斜/倾斜边缘的半透明区域,但由于分层不透明,我的元素遇到了问题。 期望中心是倾斜的,但右侧仍然是方形的。 有没有更好的方法来实现这一点?请参阅jsfiddle中的工作示例。 <div class="container"> <div class="row marketing-text"> <div class="col-sm-6"> <!-- Intentionally empty, js
浏览 4
提问于2018-10-25
得票数 0
6
回答
css:与内联块div垂直对齐问题
html
、
css
我需要在div中对消息进行居中,就像父div有100%的宽度,并且水平地对消息进行居中是没有问题的。此外,如您所见,图标也是垂直居中的,但我不能垂直地将文本居中。到目前为止,我应用到该div的唯一css是 .content { height: 100% ; display: inline-block ; } 对于为什么消息div在.container中向下移动的任何建议。这是正确的跨浏览器方法吗?
浏览 8
提问于2013-09-20
得票数 1
回答已采纳
2
回答
没有浮动的垂直中心图像:无
html
、
css
、
twitter-bootstrap-3
、
vertical-alignment
我发现了一些类似的问题,但我找不到答案:是否有可能在每个cells 1引导单元中垂直对图像进行居中,但不要用float:none?杀死流体网格系统。 HTML: <div class="container"> <div class="row row-table"> <div class="col-xs-1 col-xs-1-table-cell"> </div> <div class="col-xs-1 col-xs-1-table-cell"> &l
浏览 3
提问于2014-10-31
得票数 2
回答已采纳
5
回答
在CSS网格中,每行可以有不同数量的列吗?
css
、
css-grid
.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px; grid-auto-rows: 60px; grid-gap: 15px; } .col { background-color: tomato; } <div class="grid"> <div class="col"></div> <div class="col"></div&
浏览 14
提问于2017-12-03
得票数 33
回答已采纳
3
回答
css -居中对齐不起作用
html
、
css
我正在尝试使用来实现一个水平和垂直居中的div,它保持浏览器100%的宽度和高度,其中文本应该垂直和水平居中对齐,但目前文本的顶行是居中对齐,而不是整个中心点在3行文本的中心。 有人知道怎么做到这一点吗? 我的HTML: <!DOCTYPE HTML> <html lang="en"> <head> <title>Regret</title> <meta charset="utf-8"> <link href='http:
浏览 2
提问于2011-12-20
得票数 1
回答已采纳
3
回答
框中的HTML+CSS文本
html
、
css
、
alignment
、
center
、
box
我遇到了css和html的问题。我需要使文本在框中居中。当我放置文本时,所有的框都会往下一点。以下是我的代码 .box { width: 100px; height: 100px; background: #cce; display: inline-block; margin-left: 10px; } <div id="3box"> <div class="box"> <p>Title</p> </div> <d
浏览 1
提问于2014-10-10
得票数 1
1
回答
网格960通过调整大小占用整个宽度。
html
、
css
、
960.gs
我很难让我的960个g占用整个浏览器的宽度。我希望网格是100%的大小调整,也就是说,如果我滚动出文本将出现较小,占用较少的线条,但网格仍将采取100%的宽度。 这里有一个问题,,答案是将最上面的部分设置为100%。我添加了代码,但这没有任何影响,也没有将身体的宽度设置为100%,以及所有的div等等。我做错了什么?以下是代码: <!doctype html> <html> <head> <title>My Fragment</title> <meta charset="utf-
浏览 2
提问于2015-08-30
得票数 0
回答已采纳
1
回答
当以网格属性居中时,输入type=“文本”网格项目将缩小
html
、
css
、
forms
、
grid
、
centering
我试图让文本输入字段至少占据表单div (蓝色区域)的90%,并保持位置居中。 form div是其父网格(主容器)中的网格。在表单div的CSS中,我将其内容设置为居中,但结果是输入字段缩小。 有人能给出什么解决方案吗? 我想去掉任何将内容居中的属性,只需将输入字段的宽度增加到100%,同时增加表单div的填充。 但我真的很固执地将输入的宽度保持在100%以下。 *{ box-sizing: border-box; } #container { width: 90%; margin: auto; background: silver;
浏览 20
提问于2021-02-24
得票数 0
回答已采纳
1
回答
如何将多个半透明背景添加到单个元素中
html
、
css
在我的css网格中,单元格使用半透明背景在悬停时突出显示。 有时,我想为某些单元格设置自定义背景,但这与悬停混淆。如何向单元格中添加额外的半透明背景,使两个背景结合在一起。 .cell:hover { background: #8888; } .bg-danger { background: #f008; } <div class="cell bg-danger"> Highlighted Cell </div> <div class="cell">Cell</div>
浏览 2
提问于2022-09-28
得票数 0
2
回答
在具有固定宽度列的CSS网格中居中
html
、
css
、
css-grid
、
centering
我正在尝试做一个简单的以CSS为中心的网格布局。我知道当我使用justify-items: center时,网格容器中的项应该水平对齐,但是当我像这样指定一个以像素为单位的列宽时,整个网格就会恢复正常。那么,有没有办法使网格项居中,同时以像素为单位指定列宽呢?下面是我的例子: <div class="container"> <div class="item"></div> <div class="item"></div> <d
浏览 2
提问于2020-04-29
得票数 3
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
css企业级开发小知识点(一)
第十四讲:margin和padding(二)
最全的实现垂直居中的方法
迈向 Grid 二维布局时代
70多个非常实用的CSS小技巧
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券