个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
如标题所述，我正在尝试制作一个具有固定高度、垂直/水平居中文本和最小宽度的矩形，该宽度会在内部文本溢出时扩展。此外，我希望能够“动态”将此矩形放置在任何位置，因此我不希望对坐标进行任何绝对的硬编码。
这是我迄今为止尝试过的:https://www.w3schools.com/code/tryit.asp?filename=G830P14CNCOT
它的问题是:1)文本没有完全居中2) 不适合矩形的内容将在其下方下降而不是增加其宽度。
为方便起见，这是与上面链接的 playground 中相同的代码:
<html>
<style type="text/css">
.container {
min-height: 2em;
position: relative; /* so center-area can be positioned absolute */
min-width: 3rem;
border-style: solid;
border-width: 0.08rem;
display: inline-block;
background: #99d1ef;
}
.center-area {
/* let it fill the whole container */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.center-area:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.centered {
display: inline-block;
vertical-align: middle;
background: #99dc60;
white-space: nowrap;
}
</style>
<body>
<div class="container">
<div class="center-area">
<span class="centered">
short
</span>
</div>
</div>
<div class="container">
<div class="center-area">
<span class="centered">
loooong
</span>
</div>
</div>
</body>
</html>最佳答案
.meh {
min-height: 50px;
display: inline-flex;
min-width: 100px;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
}<div class="meh">
<span contenteditable="true">edit meh!</span>
</div>w3schools 不是 W3C .
虽然后者是负责实现网络标准的组织，但“学校”是一家企业，从 adwords 中获利，试图从幻想中赚钱他们以某种方式隶属于财团。简而言之，一种寄生虫。
因为 w3schools 是一家企业，他们需要付费编辑他们的内容，而且他们的内容往往...不是很好。
如果您正在寻找友好且详尽的学习资源(除了 w3c 的官方 HTML 和 CSS 文档 - 这对初学者来说可能过于技术化)，请考虑使用 MDN Web Docs .
与 w3schools 不同，它们是非营利性的，并得到网络开发社区的大力(免费)支持，包括所有主要浏览器、和 W3C。
关于HTML/CSS : Rectangle with fixed height, 垂直/水平居中文本，以及随着内部文本展开的最小宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57966328/
25
4
0
有谁知道这种情况发生或应该发生的情况，粗略地浏览一下文档是没有帮助的。 最佳答案 只有在矩形不相交的情况下才会发生这种情况。例如 new Rectangle(0, 0, 10, 10).interse
我看到 System.Drawing.Rectangle 类有两组属性: X、Y、宽度、高度 左、上、右、下 Width 和Right 之间的区别很明显。但我不明白 Left 和 Top 属性背后的原
给定一个元组列表(包括 x, y, width, height 这四个值以二维坐标定义一个矩形)。目标是在原始列表中检查一个矩形是否在另一个矩形内部(如果是，则只取较小的，较大的丢弃) 最佳答案 如果
我去的论坛上有人说我不应该使用 Rectangle.intersects 进行碰撞检测，而应该使用这个算法: boolean rectangleIntersects(float rect1x, flo
Rectangle 类扩展了 ClosedShape 类。当我尝试创建 Rectangle 的实例时，出现编译器错误: constructor Rectangle in class Rectangle
以下是intersects(Rectangle r) awt Rectangle 的方法 源代码。 我添加一些以 //* 开头的评论与我的问题相关: 由于代码验证 rw (例如)为正，则 rw rw+
我正在使用 Dr. Java，语言是 java ...我是初学者* 只是一个基本的矩形 问题: 创建一个构造 Rectangle 对象 (java.awt.Rectangle) 的程序。该对象应具有
有没有办法知道 libgdx 中两个 Rectangle 之间的交集 Rectangle 面积，就像 C# 中的 Rectangle http://msdn.microsoft.com/en-us/l
所以我正在做一个Java作业，我必须创建一个矩形类，该类在一个绘制重叠矩形的程序中使用，并且在矩形重叠的地方，用新的颜色绘制一个新的矩形。我添加了硬件描述的链接，因为我认为让您查看它比我试图解释它更容
我有一个网格，用户可以在上面绘制矩形(实际上是房子里的房间)。由于房间不能相互交叉，因此我尝试在绘制第二个房间之前检查是否存在冲突。到目前为止，我设法检查第二个矩形的“目标点”是否在第一个矩形内部(=
我不明白为什么这个程序不起作用。我是 C++ 的新手，在学习了三年 Java 后转行。我认为 Java 中的错误消息毫无意义，但我在 C++ 中得到的错误只是直截了当的胡言乱语。这是我真正能理解的。
在 OnPaint 方法中绘图时，我一直偏离 1 个像素。我不明白为什么。 不过，我不确定是不是我算不上! 我已经回到绘图板，在 1 个面板中使用 1 个标签，因为我确定我正确地计算了这些，我有大量的
找到适合空白空间的面积最大的矩形的最有效算法是什么？ 假设屏幕看起来像这样('#' 代表填充区域): .................... ..............###### ##.....
我正在查看一个包含两个矩形的控件:一个在另一个矩形内。我希望用户能够拖动内部矩形，调整它的大小，并在可能的情况下在外部矩形的范围内旋转它。这些值应该是可绑定(bind)的，以便我可以在更新时将这些值存
两者有什么区别？使用其中任何一种时，我都没有发现我的项目有任何差异，但我不知道这两种方法有什么用，这让我很困扰。 请指教! 最佳答案 布局矩形是控件的外观视觉尺寸。它与实际框架不同，因为在控件的视觉不
你可以有一个父类(super class) Shape，Square 和 Rectangle 是两个子类，但是你可以有 Square 子类 Rectangle，因为 Square 是一个四边相等的特殊
我正在阅读以下代码，并开始想知道 Rectangle.prototype = Object.create(Shape.prototype) 和 Rectangle.prototype = Shape.
我看到了两种不同的模式和解释。来自 DailyJS 和许多其他人的一篇:矩形.prototype = new Shape(); 然后是 Crockford 的 here 这意味着只是 矩形.proto
Sorry, the original image cannot be uploaded due to some security reasons. The following is a sch
以下代码是教程的一部分。我已经无数次根据教程检查代码，虽然它在视频上有效，但我的程序有以下错误: 1>------ Build started: Project: simpleclass, Confi
我是一名优秀的程序员,十分优秀！