当前位置: 首页 > 面试题库 >

max-width调整以适合文本?

竺鸿骞
2023-03-14
问题内容

不是最好的标题,但是无论如何…

我有一个带有元素max-width和一些文本的元素。

如果文本长于一行,那么我会得到:

----------------------------
|My text here, hello       |
|everyone!                 |
----------------------------

换句话说,它占用了整个最大宽度,但是由于单词向下移动,因此右侧有一个空白空间。

有没有办法做到这一点呢?

---------------------
|My text here, hello|
|everyone!          |
---------------------

问题答案:

单独的CSS不可能

根据BoltClock在此答案中,这是不可能的。这种解释是有道理的。为了使换行开始,行需要达到max- width设置。完成后,它会自动换行,但不会收缩,因为它使用该大小来计算自动换行。

据我所知,这仍然是不可能的。



 类似资料:
  • 描述 (Description) max-width属性用于设置元素宽度的上限。 可能的值 (Possible Values) length - 任何长度单位。 元素的宽度值永远不会超过此距离。 percentage - 将元素的宽度限制为最多包含块的宽度的百分比。 none - 元素的宽度没有限制。 适用于 (Applies to) 除了未替换的内联元素和表元素之外的所有HTML元素。 DOM语

  • 问题内容: 我正在尝试从目录加载图像并将其作为图标放置在中。但是,当图像尺寸很大时,就不能完全放入标签中。我尝试调整图像的大小以适合标签,但无法正常工作。我可以知道我要去哪里了吗? 问题答案: BufferedImage img = ImageIO.read(…); Image scaled = img.getScaledInstance(500, 500, Image.SCALE_SMOOTH)

  • 问题内容: 我正在尝试使图片适合JLabel。我希望将图片尺寸减小到更适合我的Swing JPanel。 我尝试使用setPreferredSize,但是它不起作用。 我想知道是否有一种简单的方法?我应该为此缩放图像吗? 问题答案: 大纲 这是要遵循的步骤。 将图片读取为BufferedImage。 将BufferedImage的大小调整为另一个JLabel大小的BufferedImage。 从调

  • 为什么: 执行与 第一个是有意义的,我说宽度是98%,但不要超过1140px宽。 然而,第二个会说页面是1140px宽,但然后会去和98%的页面一样大,对吧?所以例如超过1140px...但显然不是,因为它和第一个一样。 有人能解释为什么吗?

  • 问题内容: 我有一个将动态填充的表格,我希望表格始终调整大小以适合行数。我不希望任何滚动,因为表格位于面板中,并且面板的内容需要打印。我已经试过了: 但这似乎不起作用。 问题答案: 我认为这不是最好的方法。但是正如您所坚持的,我将代码放在下面。

  • 问题内容: 有人问过类似的问题,但是解决方案确实与我正在尝试做的事情相吻合。基本上,我有一篇标题为()的文章。我不想控制标题的长度,但是我也不想标题显示在多行上。CSS或jQuery是否可以根据标签的宽度来调整文本大小? 我知道如果可以检测到文本与边缘的重叠,我将如何处理伪代码: 如果有一个CSS属性,我可以设置为更好,但是我似乎找不到(在这种情况下,溢出不会起作用)。 问题答案: CSS否,Ja