html 相关问题

<pre>需要什么CSS来换行长线，但只是所需的最小宽度？

我正在尝试配置一个 元素，以便它可以在必要时将长行换行到单词中间，但如果小于的话，也会将元素本身的大小减小到最长行的宽度... 我正在尝试配置一个 <pre> 元素，以便在必要时将长行换行到单词中间，但如果最长行的宽度小于页面宽度，也会将元素本身的大小减小到最长行的宽度。 我已经弄清楚如何做其中一件事情，但我找不到一种方法让它们一起很好地发挥作用。 此用例的用例是我正在尝试为 Web 应用程序构建一个漂亮的错误页面，其中将包含在 <pre> 元素中漂亮打印的原始堆栈跟踪，但我希望它能够正确处理非常长的字符串堆栈跟踪中不包含空格。 为了让中字换行正常工作，我可以使用 CSS 声明 word-break: break-all; 和 white-space: break-spaces; 来实现。另外，我可以使用声明 <pre> 将 width: min-content; 元素本身缩小到线宽。但是，当我将两者应用到同一个 <pre> 块时，它会将块缩小以适合单个字符。 考虑到这些声明应该做什么，这种行为对我来说确实有意义，但如果有另一种方法来实现这一目标，同时满足这两个目标，那么我无法弄清楚它是什么。 有人对我应该使用什么来获得想要的结果有什么建议吗？下面是示例代码。 pre { background-color: silver; border-radius: 1em; padding: 2em; } .wrap { max-width: 3em; white-space: break-spaces; word-break: break-all; } .shrink { width: min-content; } <h3 class="caption">none</h3> <pre>0123456789</pre> <h3 class="caption">wrap</h3> <pre class="wrap">0123456789</pre> <h3 class="caption">shrink</h3> <pre class="shrink">0123456789</pre> <h3 class="caption">both</h3> <pre class="shrink wrap">0123456789</pre> 我只需使用 pre 设置 overflow: auto 元素的样式，并允许用户水平滚动。 pre { overflow: auto; background: lightskyblue; padding: 1em; border-radius: 0.5em; } <h1>Here is a scrollable stack trace</h1> <pre> javax.servlet.ServletException: Something bad happened at com.example.myproject.OpenSessionInViewFilter.doFilter(OpenSessionInViewFilter.java:60) at org.mortbay.jetty.servlet.ServletHandler$CachedChain.doFilter(ServletHandler.java:1157) at com.example.myproject.ExceptionHandlerFilter.doFilter(ExceptionHandlerFilter.java:28) at org.mortbay.jetty.servlet.ServletHandler$CachedChain.doFilter(ServletHandler.java:1157) at com.example.myproject.OutputBufferFilter.doFilter(OutputBufferFilter.java:33) at org.mortbay.jetty.servlet.ServletHandler$CachedChain.doFilter(ServletHandler.java:1157) at org.mortbay.jetty.servlet.ServletHandler.handle(ServletHandler.java:388) at org.mortbay.jetty.security.SecurityHandler.handle(SecurityHandler.java:216) at org.mortbay.jetty.servlet.SessionHandler.handle(SessionHandler.java:182) at org.mortbay.jetty.handler.ContextHandler.handle(ContextHandler.java:765) at org.mortbay.jetty.webapp.WebAppContext.handle(WebAppContext.java:418) at org.mortbay.jetty.handler.HandlerWrapper.handle(HandlerWrapper.java:152) at org.mortbay.jetty.Server.handle(Server.java:326) at org.mortbay.jetty.HttpConnection.handleRequest(HttpConnection.java:542) at org.mortbay.jetty.HttpConnection$RequestHandler.content(HttpConnection.java:943) at org.mortbay.jetty.HttpParser.parseNext(HttpParser.java:756) at org.mortbay.jetty.HttpParser.parseAvailable(HttpParser.java:218) at org.mortbay.jetty.HttpConnection.handle(HttpConnection.java:404) at org.mortbay.jetty.bio.SocketConnector$Connection.run(SocketConnector.java:228) at org.mortbay.thread.QueuedThreadPool$PoolThread.run(QueuedThreadPool.java:582) Caused by: com.example.myproject.MyProjectServletException at com.example.myproject.MyServlet.doPost(MyServlet.java:169) at javax.servlet.http.HttpServlet.service(HttpServlet.java:727) at javax.servlet.http.HttpServlet.service(HttpServlet.java:820) at org.mortbay.jetty.servlet.ServletHolder.handle(ServletHolder.java:511) at org.mortbay.jetty.servlet.ServletHandler$CachedChain.doFilter(ServletHandler.java:1166) at com.example.myproject.OpenSessionInViewFilter.doFilter(OpenSessionInViewFilter.java:30) ... 27 more Caused by: org.hibernate.exception.ConstraintViolationException: could not insert: [com.example.myproject.MyEntity] at org.hibernate.exception.SQLStateConverter.convert(SQLStateConverter.java:96) at org.hibernate.exception.JDBCExceptionHelper.convert(JDBCExceptionHelper.java:66) at org.hibernate.id.insert.AbstractSelectingDelegate.performInsert(AbstractSelectingDelegate.java:64) at org.hibernate.persister.entity.AbstractEntityPersister.insert(AbstractEntityPersister.java:2329) at org.hibernate.persister.entity.AbstractEntityPersister.insert(AbstractEntityPersister.java:2822) at org.hibernate.action.EntityIdentityInsertAction.execute(EntityIdentityInsertAction.java:71) at org.hibernate.engine.ActionQueue.execute(ActionQueue.java:268) at org.hibernate.event.def.AbstractSaveEventListener.performSaveOrReplicate(AbstractSaveEventListener.java:321) at org.hibernate.event.def.AbstractSaveEventListener.performSave(AbstractSaveEventListener.java:204) at org.hibernate.event.def.AbstractSaveEventListener.saveWithGeneratedId(AbstractSaveEventListener.java:130) at org.hibernate.event.def.DefaultSaveOrUpdateEventListener.saveWithGeneratedOrRequestedId(DefaultSaveOrUpdateEventListener.java:210) at org.hibernate.event.def.DefaultSaveEventListener.saveWithGeneratedOrRequestedId(DefaultSaveEventListener.java:56) at org.hibernate.event.def.DefaultSaveOrUpdateEventListener.entityIsTransient(DefaultSaveOrUpdateEventListener.java:195) at org.hibernate.event.def.DefaultSaveEventListener.performSaveOrUpdate(DefaultSaveEventListener.java:50) at org.hibernate.event.def.DefaultSaveOrUpdateEventListener.onSaveOrUpdate(DefaultSaveOrUpdateEventListener.java:93) at org.hibernate.impl.SessionImpl.fireSave(SessionImpl.java:705) at org.hibernate.impl.SessionImpl.save(SessionImpl.java:693) at org.hibernate.impl.SessionImpl.save(SessionImpl.java:689) at sun.reflect.GeneratedMethodAccessor5.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25) at java.lang.reflect.Method.invoke(Method.java:597) at org.hibernate.context.ThreadLocalSessionContext$TransactionProtectionWrapper.invoke(ThreadLocalSessionContext.java:344) at $Proxy19.save(Unknown Source) at com.example.myproject.MyEntityService.save(MyEntityService.java:59) <-- relevant call (see notes below) at com.example.myproject.MyServlet.doPost(MyServlet.java:164) ... 32 more Caused by: java.sql.SQLException: Violation of unique constraint MY_ENTITY_UK_1: duplicate value(s) for column(s) MY_COLUMN in statement [...] at org.hsqldb.jdbc.Util.throwError(Unknown Source) at org.hsqldb.jdbc.jdbcPreparedStatement.executeUpdate(Unknown Source) at com.mchange.v2.c3p0.impl.NewProxyPreparedStatement.executeUpdate(NewProxyPreparedStatement.java:105) at org.hibernate.id.insert.AbstractSelectingDelegate.performInsert(AbstractSelectingDelegate.java:57) ... 54 more </pre>

如何随着行数的增加动态添加分页按钮到 HTML 表格的右下角？

我有一个 Flask 应用程序，我在其中根据数据库查询动态呈现表格。在我的一条路线中，我显示了一张医生表，可以删除单个条目。作为...

html 脚本复选框条件显示特定文本

嗨，我需要代码方面的帮助，所以基本上我正在制作一个项目，当您选择复选框时，它将显示文本结果。我能够创建 if else 条件，但遇到问题...

制作透明径向渐变时遇到问题（JavaScript/HTML）

背景： 我正在尝试使用光线投射制作光源，玩家可以在随机生成的迷宫中使用该光源。从鼠标指针投射的光线。我正在使用的径向渐变发生变化...

R：read_html() + html_text() 的替代方案/方法也适用于没有 HTML/XML 标签的字符串

在此从字符串中删除 HTML 标签的解决方案中，字符串被传递到 rvest::read_html() 以创建 html_document 对象，然后该对象被传递到 rvest::html_text() 以返回“

在同一单元格多个跨度中查找最接近的输入

我很难获得与单击的按钮最接近的输入。一切都在同一个表格单元格上。按钮位于跨度内并且输入位于 3 级跨度内？请参阅参考...

如何使用引导程序在按钮之间设置间距

我想在按钮之间给出间距，有没有一种方法可以使用引导程序给出间距，以便它们在不同的屏幕分辨率下保持一致。 我尝试使用 margin-left 但这是正确的吗...

如何在输入中添加 SVG 图标？

我需要在输入中放置图标以创建新用户。对于了解前端代码的人来说，这可能是一项非常简单的任务。但我不这么认为。这是线框图和...

我可以有一个包含所有产品详细信息的页面吗？

我有一个产品库页面，每个产品有一张卡片，当我单击其中一张卡片时，我想显示产品详细信息页面。如何将我所有产品的产品详细信息放入一个...

产品展示中的产品描述

我有带有卡片的产品展示页面，当我单击按钮时，我想将其定向到产品描述。现在我想问一下如何将多个产品描述放在一个 html 文件中以及何时具体

GrapesJS 如何实现全局块

我在我的网站上使用 Grapes JS 作为 CSM 组件，我希望拥有可以添加到新页面的全局块，例如页眉和页脚。问题是当我更改全局块时我...

从 CSS 网格中删除子项

我有一个设置为 CSS 网格的表单，但我希望提交按钮始终位于表单的右下角。 我见过一些如何强迫孩子进入新行的例子，我

为什么figma的字体和网上的不一样

我遇到了无法解决的问题，我正在使用“Poppins”字体系列。 我在Figma中有设计，所以我复制了完全相同的字体粗细和所有字体大小，但仍然在网络上

防止iOS浏览器在流式传输相机视频时启用全屏相机模式

我已经完成本教程https://www.digitalocean.com/community/tutorials/front-and-rear-camera-access-with-javascripts-getusermedia从前置或后置摄像头捕获视频流.. .

为什么 JavaScript 代码导出到 Excel 可以使用旧的 Office 扩展 xls，但不能使用 xlsx？

我正在使用 JAVASCRIPT 将 html 表导出到 Excel。我面临的问题是无法导出到 Excel Office 新版本，扩展名为 xlsx 。 但它工作正常并导出到旧版本的 Office Excel

livewire 中的 html 字段未更新数据

公共函数removeCoreFunction($index){ 取消设置($this->coreFunctions[$index]); $this->coreFunctions = array_values($this->coreFunctions); } 所以我这里有这个功能，它...

Django 5 使用带有图像的静态文件

我正在尝试在 Django 5 和静态文件的帮助下将图片发送到网站，该网站本身正在正常工作，在 Django 5 中显示，但没有显示图像 已尝试阅读

绝对定位元素受兄弟元素边距影响？

我在这里遇到了一些 CSS 难题。看来我设法让自己陷入这样一种境地：元素的绝对位置受到其兄弟后代之一的影响。 前提...

如何向具有相同类的多个元素添加事件侦听器，然后仅更改特定其他元素的 CSS

我基本上希望能够显示和隐藏多个文本块，彼此完全分开。这样，当按下其中一个按钮时，相应的报价就直接在下面...

滚动条在 WebView 中的 <div> 中不可见

我有一个包含滚动分区的 Html 文件。当我在 WebView 中添加此 HTML 时，它不会显示该 div 的滚动条。 我在 Html 文件中有代码。 // 一些Html代码 我有Html包含滚动分区的文件。当我在 WebView 中添加此 HTML 时，它不会显示该 div 的滚动条。我在 Html 文件中有代码。// some Html code <table style="border: 3px solid black;" align="center"> <tr> <td ><div style="width: 100%; height: 50px; overflow: auto; padding:0px; "> <div> put returns between paragraphs ► for linebreak add 2 spaces at end ► _italic_ or **bold** ► indent code by 4 spaces ► backtick escapes `like _so_` ► quote by placing > at start of line ► to make links <http:// foo.com> [foo](http:// foo.com) ► basic HTML also allowed </div></td> </tr> </table> // some Html code 当我在 xml 文件中的 Html 中添加此 WebView 文件时。我的XMl布局的代码是... // some Html code <RelativeLayout android:id="@+id/webLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/buttonLayout" android:layout_below="@+id/titleLayout" > <WebView android:id="@+id/webViewMain" android:layout_width="match_parent" android:layout_height="match_parent" > </WebView> </RelativeLayout> // some Html code 它工作正常，但不显示在 Html 文件中添加的 Div 的滚动条 使用 overflow:auto 滚动 div 目前在 Android 上不可用。 但您可以通过结合使用 HTML、JavaScript 和 CSS 来实现相同的效果。请参阅此链接了解详细信息。 另一个解决方案是，您可以使用 iScroll 库。 供您参考，这里对可能或不可能的内容以及在各种移动浏览器上的工作方式进行了很好的比较。 这是 Chromium 中的一个 bug 。他们禁用了渲染滚动条，以便本机渲染的滚动条不会与浏览器滚动条发生冲突。但这禁用了渲染所有滚动条。 由于 WebView 具有向后兼容性，解决这个问题显然是一件大事。您可以过去并给该错误加注星标，这将表明人们确实希望修复它。