网页制作期末试题及答案-Linux大棚

admin 管理员组

文章数量: 1086019

2024年2月23日发(作者：nginx健康检查机制)

网页制作期末试题及答案

以下是网页制作期末试题及答案，符合要求的文章：

网页制作期末试题及答案

一、试题

1. 请简述HTML和CSS的作用和关系。

2. 请解释HTML标签和CSS选择器的作用和用法。

3. 请列举并解释HTML常用的标签和它们的用途。

4. 请列举并解释CSS常用的选择器和它们的用途。

5. 请简述响应式网页设计的原理和实现方法。

6. 请解释JavaScript的作用和用途。

7. 请简要介绍常见的网页优化方法。

8. 请简述网页访问性（accessibility）的概念和重要性。

9. 请列举并解释网页制作中常用的图形格式。

10. 请简要介绍网页制作的常用工具和软件。

二、答案

1. HTML（超文本标记语言）用于描述网页的结构和内容，而CSS（层叠样式表）用于描述网页的展示和样式。HTML提供了网页的结构框架，通过标签元素实现了文本、图片、链接等内容的展示；CSS

则用于控制这些元素的样式，如颜色、字体、大小、布局等。HTML和CSS是紧密结合的，通过在HTML中添加CSS样式，可以实现更加丰富和美观的网页设计。

2. HTML标签和CSS选择器都用于在网页中标记和选择元素。HTML标签是由尖括号括起来的单词或符号，用于定义元素的属性和内容，如

表示段落、表示图片等。CSS选择器可以根据元素的标签名、类名、ID等属性进行选择和样式控制，如p表示选择所有段落、.class表示选择指定类名的元素、#id表示选择指定ID的元素等。

3. HTML常用的标签有：

- ：定义HTML文档

- ：定义文档的头部区域

- ：定义文档的标题 </p><p style="text-indent: 2em;";>- <body>：定义文档的主体内容 </p><p style="text-indent: 2em;";>- <h1>～<h6>：定义标题（h1最高级，h6最低级） </p><p style="text-indent: 2em;";>- <p>：定义段落 </p><p style="text-indent: 2em;";>- <a>：定义链接 </p><p style="text-indent: 2em;";>- <img>：定义图片 </p><p style="text-indent: 2em;";>- <ul>：定义无序列表 </p><p style="text-indent: 2em;";>- <ol>：定义有序列表 </p><p style="text-indent: 2em;";>- <li>：定义列表项 </p><p style="text-indent: 2em;";>这些标签用于搭建网页的骨架和展示内容。 </p><p style="text-indent: 2em;";>4. CSS常用的选择器有： </p><p style="text-indent: 2em;";>- 标签选择器：根据元素的标签名选择 </p><p style="text-indent: 2em;";>- 类选择器：根据元素的类名选择 </p><p style="text-indent: 2em;";>- ID选择器：根据元素的ID选择 </p><p style="text-indent: 2em;";>- 后代选择器：选择元素的后代元素 </p><p style="text-indent: 2em;";>- 伪类选择器：根据元素的状态选择，如:hover表示鼠标悬停时的样式 </p><p style="text-indent: 2em;";>- 属性选择器：根据元素的属性选择 </p><p style="text-indent: 2em;";>这些选择器用于选择网页中的元素，并对其应用样式。 </p><p style="text-indent: 2em;";>5. 响应式网页设计的原理是根据不同的设备和屏幕尺寸，自动调整网页的布局和样式，以适应不同的显示环境。实现方法通常包括： </p><p style="text-indent: 2em;";>- 弹性网格布局：使用相对单位和百分比布局元素，使其可自适应屏幕尺寸的变化。 </p><p style="text-indent: 2em;";>- 媒体查询：根据屏幕的宽度、像素密度等属性，应用不同的CSS样式。 </p><p style="text-indent: 2em;";>- 图片自适应：使用max-width属性或background-size属性，使图片能够根据屏幕尺寸调整大小。 </p><p style="text-indent: 2em;";>- 断点设计：设置关键的屏幕尺寸断点，针对不同尺寸的屏幕提供特定的样式。 </p><p style="text-indent: 2em;";>通过这些方法，能够使网页在不同设备上呈现出最佳的显示效果。 </p><p style="text-indent: 2em;";>6. JavaScript是一种脚本语言，用于给网页增加交互功能和动态效果。它可以操作网页的HTML元素、处理用户输入、发送网络请求、处理服务器响应等。通过JavaScript，可以实现表单验证、页面动画、数据处理、与服务器交互等功能，使网页更加丰富和动态。 </p><p style="text-indent: 2em;";>7. 常见的网页优化方法包括： </p><p style="text-indent: 2em;";>- 文件压缩和合并：将CSS和JavaScript等文件进行压缩和合并，减少文件大小和数量，提高加载速度。 </p><p style="text-indent: 2em;";>- 图片优化：使用适当的格式和压缩算法，减小图片文件的大小，减少加载时间。 </p><p style="text-indent: 2em;";>- 缓存控制：设置适当的缓存策略，利用浏览器缓存减少重复加载的请求。 </p><p style="text-indent: 2em;";>- 异步加载：使用异步加载JS、CSS和图片等资源，提高并发加载能力。 </p><p style="text-indent: 2em;";>- 延迟加载：将不影响初始显示的资源延迟加载，优先加载重要内容，提升用户体验。 </p><p style="text-indent: 2em;";>- CDN加速：使用内容分发网络（CDN）将资源缓存在全球分布的服务器上，加快访问速度。 </p><p style="text-indent: 2em;";>- 去除重复代码：清理无用的HTML、CSS和JS代码，减少文件大小，提高加载速度。 </p><p style="text-indent: 2em;";>- 响应式设计：根据设备的屏幕尺寸和网络环境，对网页做适当的优化和调整。 </p><p style="text-indent: 2em;";>8. 网页访问性指的是网页对所有用户的可访问性和可用性。对于视力、听力、运动或认知能力有障碍的用户，网页访问性是至关重要的。设计网页时应遵循一些原则，如使用语义化的HTML标签，提供清晰的结构和导航，添加适当的alt文本和描述，使用高对比度的颜色方案等。通过关注网页的访问性，能够让更多的用户获得良好的浏览和使用体验。 </p><p style="text-indent: 2em;";>9. 网页制作中常用的图形格式包括： </p><p style="text-indent: 2em;";>- JPEG（.jpg）：适合存储照片和复杂图像，支持大量颜色和良好的压缩率。 </p><p style="text-indent: 2em;";>- PNG（.png）：支持透明背景和更好的图形质量，适合图标和简单图形。 </p><p style="text-indent: 2em;";>- GIF（.gif）：支持动画和透明背景，适合简单的动画和小图标。 </p><p style="text-indent: 2em;";>- SVG（.svg）：矢量图形格式，可无损放大和缩小，适合图标和可缩放图形。 </p><p style="text-indent: 2em;";>根据需要和使用场景，选择合适的图形格式可以减小文件大小、提高加载速度和保持图形质量。 </p><p style="text-indent: 2em;";>10. 网页制作的常用工具和软件包括： </p><p style="text-indent: 2em;";>- 文本编辑器：如Sublime Text、Notepad++等，用于编写HTML、CSS和JavaScript代码。 </p><p style="text-indent: 2em;";>- 图片编辑器：如Adobe Photoshop、Sketch等，用于编辑和优化网页中的图片。 </p><p style="text-indent: 2em;";>- 前端开发工具：如Visual Studio Code、WebStorm等，提供代码编辑、调试和项目管理等功能。 </p><p style="text-indent: 2em;";>- 浏览器调试工具：如Chrome开发者工具、Firefox开发者工具等，用于检查和调试网页的元素、样式和脚本。 </p><p style="text-indent: 2em;";>- 视觉设计工具：如Adobe XD、Figma等，用于创建网页的原型和设计稿。 </p><p style="text-indent: 2em;";>- 版本控制工具：如Git、SVN等，用于管理和共享代码的版本。 </p><p style="text-indent: 2em;";>以上工具和软件可根据个人的喜好和需要进行选择和使用。 </p><p style="text-indent: 2em;";>以上是网页制作期末试题及答案，希望对您有所帮助。 </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/331.html" target="_blank">网页</a> <a style="margin-right: 10px" href="/tag/428094.html" target="_blank">元素</a> <a style="margin-right: 10px" href="/tag/379.html" target="_blank">用于</a> <a style="margin-right: 10px" href="/tag/691.html" target="_blank">加载</a> <a style="margin-right: 10px" href="/tag/185.html" target="_blank">选择</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：网页制作期末试题及答案内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1708639043a528458.html">http://www.roclinux.cn/b/1708639043a528458.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/b/1740120641a2137573.html" class="post-item-title" title="html代码图片无法右键另存为,网页右键无法保存图片怎么办？网页右键无法另存为的解决办法..."> <h3>html代码图片无法右键另存为,网页右键无法保存图片怎么办？网页右键无法另存为的解决办法...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">在大家浏览网页的时候，肯定都碰到过这样的烦恼：很多网页都对其内容作出的保护措施，网页上的文字不能选中、网页的图片不能右键保存，直接截图保存图片的质量又大</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740122801a2137958.html" class="post-item-title" title="【操作系统】30天自制操作系统--(1)虚拟机加载最小操作系统"> <h3>【操作系统】30天自制操作系统--(1)虚拟机加载最小操作系统</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">最近学习了川合秀石的《30天自制操作系统》，准备跟着书里面的介绍自己做一做，这边开个新帖用作记录。自制操作系统首先要搭建环境，书中是用软盘作为系统的启动盘&#xff</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740296940a2169037.html" class="post-item-title" title="Mendeley:在word中加载时显示“某些功能未正常工作。如果仍有问题,请联系管理员或客服中心”"> <h3>Mendeley:在word中加载时显示“某些功能未正常工作。如果仍有问题,请联系管理员或客服中心”</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">问题背景： 近期在投Elsevier旗下的杂志，所以用到了其官方的Mendeley来插入参考文献，之前一直运行正常，但近期在加载时一直显示“某些功能未正</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740918901a2223529.html" class="post-item-title" title="windows 无法加载可扩展计数器 dll_Windows下启用memcache缓存所走的弯路"> <h3>windows 无法加载可扩展计数器 dll_Windows下启用memcache缓存所走的弯路</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">看了水煮鱼的博客（WordPress 如何启用 Memcached 内存缓存来提高网站速度 – WordPress 果酱 https:blog.wpjamarticlewordpress-memcached），有提到使用memca</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741132661a2261391.html" class="post-item-title" title="手机浏览器打开不本地html,手机浏览器打不开网页怎么办"> <h3>手机浏览器打开不本地html,手机浏览器打不开网页怎么办</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">手机浏览器的使用基本主要都是用于浏览网页，如果遇到打不开网页的事那浏览器多半是出问题了。下面是小编给大家整理的一些有关手机浏览器打不开网页的解决方法，希望对大家有帮助! 手机浏览器打不开网页的解决</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741134029a2261630.html" class="post-item-title" title="QQ能上网，浏览器打不开网页，怎么办？"> <h3>QQ能上网，浏览器打不开网页，怎么办？</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">右击网络打开网络设置点击代理，关闭使用代理服务器即可。</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741135916a2261957.html" class="post-item-title" title="python保存CSDN网页到本地二打开关闭浏览器"> <h3>python保存CSDN网页到本地二打开关闭浏览器</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">这个地方需要使用到的就是python的selenium库，这里有一个博客对于安装讲解的很棒，点这里注意：如果是之前pycharm已经打开的，切记重新打</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741179954a2269901.html" class="post-item-title" title="计算机有网络但打不开网页,手把手教你有网络但是打不开网页怎么办?"> <h3>计算机有网络但打不开网页,手把手教你有网络但是打不开网页怎么办?</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">明明刚交了宽带年费，而且本地连接显示一切正常状态，却偏偏打开网页一直出现问题，换了浏览器和重启都无效，该怎么办呢？不用担心&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741199993a2273652.html" class="post-item-title" title="【精品毕设推荐】基于Springboot架构的网页时装购物系统设计与实现"> <h3>【精品毕设推荐】基于Springboot架构的网页时装购物系统设计与实现</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">点击下载原文及代码，可辅助在本地配置运行 🍅关注【墨岚创客】，回复【毕设】，赠送免费毕设资源，具体联系方式见文末&#x</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741228262a2278907.html" class="post-item-title" title="Windows修改nginx.conf配置文件然后重新加载报错"> <h3>Windows修改nginx.conf配置文件然后重新加载报错</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">nginx: [error] OpenEvent(“Globalngx_reload_5744”) failed (2: The system cannot find the file specif 今天配置Windows的nginx的</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742569703a2409885.html" class="post-item-title" title="XMing + XShell 打开Linux服务器网页界面"> <h3>XMing + XShell 打开Linux服务器网页界面</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">1、修改X0.hosts文件修改为服务器的ip地址 2、打开XLaunch、XMing 打开XLaunch后一路下一步>下一步>完成打开XMing 3、XShell连接服务器连接服务器的时候SSH->隧道</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742570388a2409975.html" class="post-item-title" title="微信h5网页标签跳转到手机默认浏览器的实现方式"> <h3>微信h5网页标签跳转到手机默认浏览器的实现方式</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">很多朋友的推广链接需要在微信中进行的网页宣传、传播、等等，但是各位朋友一定发现了微信中是屏蔽掉了APP的下载链接的。但是微信最为一个最大的社交平台，为了自身的利益，屏蔽掉</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742570467a2409986.html" class="post-item-title" title="设置网页默认为360浏览器极速模式打开"> <h3>设置网页默认为360浏览器极速模式打开</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">设置网页默认为360浏览器极速模式打开在head标签中添加一行代码： <html><head><meta name"renderer" content&quo</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742571070a2410062.html" class="post-item-title" title="爬虫Selenium+Chrome 控制浏览器，打开百度网页，输入搜索关键词，点击回车，截取搜索页面"> <h3>爬虫Selenium+Chrome 控制浏览器，打开百度网页，输入搜索关键词，点击回车，截取搜索页面</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">输入关键词，百度搜索内容，生成搜索结果页面照片from selenium import webdriverfrom time import sleepfrom selenium.webdri</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742617426a2416192.html" class="post-item-title" title="在html中页面不全,网页显示不全,教您网页显示不全怎么办"> <h3>在html中页面不全,网页显示不全,教您网页显示不全怎么办</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">当我们在电脑系统中使用IE浏览器浏览网页时，偶尔会出现是否只查看安全内容的提示，甚至有可能会出现页面显示不全的情况。一般遇到这种情况会选择继续查看网页内容，怎么去处理&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742634623a2418490.html" class="post-item-title" title="Chrome、Firefox、Edge浏览器加载vlc控件介绍"> <h3>Chrome、Firefox、Edge浏览器加载vlc控件介绍</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">演示目的 allWebPlugin中间件产品致力于为用户提供安全、可靠、易用的浏览器加载插件技术方案及产品。本博客简单介绍了VLC ActiveX插件在allWebPlugin中间件的助攻下，成功在谷歌&#xf</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743743792a2471917.html" class="post-item-title" title="streamlit网页如何部署到腾讯云服务器并快速上线"> <h3>streamlit网页如何部署到腾讯云服务器并快速上线</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">28天前</div> </div> <p class="post-item-summary">最近有一个和医院合作的项目，主要就是拿医院数据跑模型然后做一个网页发布到互联网上。对于本科时候计算机网络水过的我来说，网站的搭建没什么问题，主要就是不会玩云服务器&#</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743814810a2484266.html" class="post-item-title" title="解决Selenium WebDriver 加载页面时出现浏览器闪退"> <h3>解决Selenium WebDriver 加载页面时出现浏览器闪退</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">28天前</div> </div> <p class="post-item-summary">webdrive驱动edge浏览器打开网页后，会出现自动退出了情况时，大概率都是浏览器驱动和浏览器版本不一致的问题！以edge为例，我们可以通过点击浏览</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743863883a2492784.html" class="post-item-title" title="p元素里面的内容如果是英文不自动换行怎么办"> <h3>p元素里面的内容如果是英文不自动换行怎么办</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">27天前</div> </div> <p class="post-item-summary">加一个word-wrap：break-word word-wrap : normal | break-word 参数： normal : 允许内容顶开指定的容器边界break-word : </p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743878784a2495373.html" class="post-item-title" title="Edge 浏览器网页翻译失败以及扩展插件无法下载问题"> <h3>Edge 浏览器网页翻译失败以及扩展插件无法下载问题</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">27天前</div> </div> <p class="post-item-summary">由于最近用StackOverflow比较频繁，（英语一般...）碰巧edge这个玩意又出问题，自带的翻译页面用不了，OneDriv</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/528458.html?safe_token=80M_2FH8hfre_2Fw_2BdexlAzBYY60ojYAH4z1VPaM4XawDW1X0QQWfQJlknatleEtikRWyBeU_2FJofHZtNvKTWCqOanA_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/b/1744028781a2521116.html" title="电脑不小心卸载了office，怎么恢复" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 电脑不小心卸载了office，怎么恢复 </h3> </div> </a> <a href="/p/1744032085a2521689.html" title="How to measure availability of a GraphQL endpoint? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> How to measure availability of a GraphQL endpoint? - Stack Overflow </h3> </div> </a> <a href="/p/1744037163a2522581.html" title="python - Does Snowflake ODBC Driver Support fast_executemany - Issue with varchar(max) columns - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> python - Does Snowflake ODBC Driver Support fast_executemany - Issue with varchar(max) columns - Stack Overflow </h3> </div> </a> <a href="/p/1744076905a2529519.html" title="javascript - How do I make a new call to an api when a previous one finished successfully? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - How do I make a new call to an api when a previous one finished successfully? - Stack Overflow </h3> </div> </a> <a href="/p/1744081884a2530399.html" title="groovy - Apache Nifi InvokeScriptedProcessor: Error with overwrite method - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> groovy - Apache Nifi InvokeScriptedProcessor: Error with overwrite method - Stack Overflow </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="javascript - How can I have multiple controller files? - Stack Overflow" target="_blank" href="/p/1743997653a2515871.html"> <h3>javascript - How can I have multiple controller files? - Stack Overflow</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - getting first element of array in knockout js - Stack Overflow" target="_blank" href="/p/1744034812a2522163.html"> <h3>javascript - getting first element of array in knockout js - Stack Overflow</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Any workaround on Instagram in-app browser cropping? - Stack Overflow" target="_blank" href="/p/1744038611a2522836.html"> <h3>javascript - Any workaround on Instagram in-app browser cropping? - Stack Overflow</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Android Cuttlefish network configuration - Stack Overflow" target="_blank" href="/p/1744042445a2523507.html"> <h3>Android Cuttlefish network configuration - Stack Overflow</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="jquery - extract a float from a string in javascript - Stack Overflow" target="_blank" href="/p/1744045609a2524058.html"> <h3>jquery - extract a float from a string in javascript - Stack Overflow</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="findbugs - Spotbugs + Java: EI_EXPOSE_REP2 may expose internal representation by storing an externally mutable object into MySer" target="_blank" href="/p/1744065753a2527561.html"> <h3>findbugs - Spotbugs + Java: EI_EXPOSE_REP2 may expose internal representation by storing an externally mutable object into MySer</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - html5 - how to collapsing and expanding for complicated table elements - Stack Overflow" target="_blank" href="/p/1744072626a2528766.html"> <h3>javascript - html5 - how to collapsing and expanding for complicated table elements - Stack Overflow</h3> </a> <span class="post-date">25天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="C++ Makefile object file doesn't exist. It needs to be manually created - Stack Overflow" target="_blank" href="/p/1744095319a2532791.html"> <h3>C++ Makefile object file doesn't exist. It needs to be manually created - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - How to pass pathname from _document to _app in Next.js - Stack Overflow" target="_blank" href="/p/1744097056a2533092.html"> <h3>javascript - How to pass pathname from _document to _app in Next.js - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - ASP.NET not seeing Radio Button value change - Stack Overflow" target="_blank" href="/p/1744099064a2533412.html"> <h3>javascript - ASP.NET not seeing Radio Button value change - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow" target="_blank" href="/p/1744100356a2533471.html"> <h3>javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow" target="_blank" href="/p/1744100331a2533470.html"> <h3>javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="c++ - Is dereferencing std::span::end always undefined? - Stack Overflow" target="_blank" href="/p/1744100330a2533469.html"> <h3>c++ - Is dereferencing std::span::end always undefined? - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Delay function execution if it has been called recently - Stack Overflow" target="_blank" href="/p/1744100302a2533468.html"> <h3>javascript - Delay function execution if it has been called recently - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Google Maps Autocomplete List - Stack Overflow" target="_blank" href="/p/1744100275a2533467.html"> <h3>javascript - Google Maps Autocomplete List - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows设置断电重启开机后自动输入锁屏密码登录" target="_blank" href="/b/1744098521a2533348.html"> <h3>windows设置断电重启开机后自动输入锁屏密码登录</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Windows系统设置开机默认开启数字小键盘" target="_blank" href="/b/1744098338a2533314.html"> <h3>Windows系统设置开机默认开启数字小键盘</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Windows11 开机自动同步时间（开机时间不更新问题）" target="_blank" href="/b/1744098057a2533264.html"> <h3>Windows11 开机自动同步时间（开机时间不更新问题）</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows配置开机自启动软件或脚本" target="_blank" href="/b/1744097709a2533205.html"> <h3>windows配置开机自启动软件或脚本</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【Redis】Windows设置Redis为开机自启动" target="_blank" href="/b/1744097548a2533178.html"> <h3>【Redis】Windows设置Redis为开机自启动</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">3月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">3月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">3月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">3月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">3月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>