html5+css3 标签contenteditable属性怎么定义每一行文字有下划线

爬不动的菜鸟 2015-03-06 03:27:29

一个div里面，有很多文字，会自动分行显示。
我希望每行文字的下面都有下划线，

如何设置？

<div contenteditable="true">
内容内容内容内容内容内容内容内容内容内容
</div>

注意：
效果要像信纸一样。
即使我文字不足一行，我依然希望每一行的下滑线都充满一行。

我自己弄过一个横线背景repeat平铺，感觉不怎么好，求大神帮忙~~

...全文

455 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

爬不动的菜鸟 2015-03-06

打赏
举报

回复

引用 1 楼 xmt1139057136 的回复:

没一行的内容。比如你使用p标签。给p标签设置margin-bottom不就可以吗？？

？？？如图，写贺卡，别人可能会写很多，也可能会比较少，文字多是自动增加行的、。。。

业余草 2015-03-06

打赏
举报

回复

没一行的内容。比如你使用p标签。给p标签设置margin-bottom不就可以吗？？

允许用户自定义页面上的字体文本大小，字体颜色和背景色的扩展名。 A + FontSize Changer A + FontSize Changer是一个Chrome扩展程序，可让用户自定义页面上的字体大小，字体颜色，背景颜色和字体系列。实际上，与Chrome的CTRL +和CTRL-缩放页面不同，它实际上更改了每个元素的fontSize。有时您希望在不缩放页面的情况下增加文本大小，以使段落不会滚动到屏幕边缘之外。 A + FontSize Changer可以在其他人失败的地方工作！即使在具有动态（ajax）内容的页面上！即使在使用iFrame的页面上！只需使用按钮更改字体大小或使用键盘快捷键ALT +和ALT-（或使用ALT +向上箭头和ALT +向下箭头。您可以在chrome：// extensions / shortcuts处更改这些热键）某些网页作者使用灰色文本颜色而不是黑色，这可能会给眼睛带来困难。使用A + FontSize Changer，您还可以更改页面上的文本颜色和背景颜色。使用此功能，您还可以创建自己的自定义“夜间模式”，在其中您可以自己选择文本颜色和背景颜色，并且不会反转图像或视频颜色，因此仍然可以看到它们。专业功能：*创建配置文件以保存字体设置和配色方案。 *为访问的每个网站保存自定义字体类型*为访问的每个网站保存自定义字体大小*为访问的每个网站保存自定义字体颜色*为访问的每个网站保存自定义背景颜色注意：iframe：如果使用ALT +或ALT-不更改iframe中文本的字体大小，然后先单击iframe，然后使用ALT +或ALT-。或者，您可以使用弹出菜单中的按钮，这将更改文档和iframe中的文本大小。对于Chrome浏览器来说，这是一个奇怪的限制。版本历史记录2018/4/16-版本1.3.3-在弹出窗口中的按钮CSS中添加了“ user-select：none”。 2018年4月6日-版本1.3.2-现在您可以使用ALT +向上箭头和ALT +向下箭头更改文本大小。您也可以在chrome：// extensions / shortcuts 3/30/2018-版本1.3.1-中更改这些热键-删除了尝试使其与Google的新标签页一起使用的功能。对于道歉，没有意识到无法分辨出chrome：// newtab和创建自己的新标签的扩展名之间的区别。 2018年3月22日-版本1.3.0-精简版和专业版-现在精简版也像Pro一样，以.1增量而不是.2增量更改字体大小。在Lite Edition中还修复了contentEditable错误，该错误会在用户更改为粗体或斜体时更改大小。错误修复：通过计算更改前的位置，然后设置更改后的滚动位置，可以将大多数页面的字体大小调整后，将当前页面视图的滚动位置保持在同一位置。此版本还显示颜色选择器和颜色十六进制值的文本输入，因此您可以手动输入十六进制颜色或使用颜色选择器。此外，新设置还添加了“下划线链接”。因此，用户可以选择更改颜色时是否在链接上加下划线。默认值为“下划线链接”，因为在大多数网站上，当链接的颜色与页面上其余文本的颜色相同时，将很难看到它们。但是有些用户不希望链接带有下划线。现在，如果在更改文字大小后行高过小，则会调整行高。 2018年3月21日-版本1.2.9-专业版和版本1.2.5-精简版-现在使用自定义颜色选择器而不是HTML 5颜色选择器，因为现在某些Windows用户遇到的错误与Mac OS用户相同具有HTML 5颜色选择器窗口打开和扩展弹出窗口关闭的功能。使用自定义颜色选择器可修复该错误。 2018年2月21日-Verison 1.2.8-专业版-将网站上动态内容的检查时间从四分之一秒更改为半秒，以防止CPU使用率过高。在测试中，这使CPU使用率从15％降低到2％或更少。 2018年1月27日-版本1.2.7-专业版-版本1.2.6中的错误修复导致即使实际字体大小更改，contentEditable元素也完全不会更改字体大小。固定的！还更改了A + FontSize Changer Pro，以.1增量而不是.2增量更改字体大小。 2018年1月6日-版本1.2.6-专业版-修复了contentEditable元素中的错误，例如用gmail编写电子邮件，每次用户更改为粗体或斜体时，都会增加字体大小。8 / 31/2017-版本1.2.5-专业版-添加了配置文件！现在，用户可以保存字体设置和配色方案并将其加载到配置文件中。将“ run_at”更改为“ document_start”，而不是“ document_end”，以便在显示网站存储的颜色时不会有很长的延迟。修复了一个错误，即某些在ifra

允许用户自定义页面的字体大小、字体颜色和背景颜色的扩展。 A + FontSize Changer是一个Chrome扩展程序，可让用户自定义页面上的字体文本大小，文本颜色和背景颜色。实际上，它不像Chrome通过CTRL +和CTRL-缩放页面那样来更改每个元素的fontSize。有时您希望在不缩放页面的情况下增加文本大小，以使段落不会滚动到屏幕边缘之外 A + FontSize Changer在其他人失败的地方工作！即使在具有动态（ajax）内容的页面上！即使在使用iFrame的页面上！只需使用按钮更改字体大小或使用键盘快捷键ALT +和ALT-（或使用ALT +向上箭头和ALT +向下箭头。您可以在chrome：// extensions / shortcuts处更改这些热键）某些网页作者使用灰色文本颜色而不是黑色，这可能会给眼睛带来困难。使用A + FontSize Changer，您还可以更改页面上的文本颜色和背景颜色。使用此功能，您还可以创建自己的自定义“夜间模式”，在其中您可以自己选择文本颜色和背景颜色，并且不会反转图像或视频颜色，因此仍然可以看到它们。注意：iframe：如果使用ALT +或ALT-不会更改iframe中文本的字体大小，请先单击iframe，然后使用ALT +或ALT-。或者，您可以使用弹出菜单中的按钮，这将更改文档和iframe中的文本大小。对于Chrome浏览器来说，这是一个奇怪的限制。限制此扩展版的Lite版本在离开页面时不会保存自定义文本大小，颜色和背景色，也不允许您更改字体类型（字体系列）。版本历史记录2018/4/16-版本1.3.3-在弹出窗口中的按钮CSS中添加了“ user-select：none” 2018年4月6日-版本1.3.2-现在您可以使用ALT +向上箭头和ALT +向下箭头更改文本大小。您还可以在chrome：// extensions / shortcuts 2018/3/30上更改这些热键-版本1.3.1-删除了尝试使其与Google的新标签页一起使用的功能。对于道歉，没有意识到无法分辨出chrome：// newtab和创建自己的新标签的扩展名之间的区别 2018年3月22日-版本1.3.0-精简版和专业版-现在精简版也像Pro一样，以.1增量而不是.2增量更改字体大小。在Lite Edition中还修复了contentEditable错误，该错误会在用户更改为粗体或斜体时更改大小。错误修正：在调整大多数页面的字体大小之后，通过计算更改前的位置，然后设置更改后的滚动位置，可以将当前页面视图的滚动位置保持在同一位置。此版本还显示颜色选择器和颜色十六进制值的文本输入，因此您可以手动输入十六进制颜色或使用颜色选择器。此外，新设置还添加了“下划线链接”。因此，用户可以选择更改颜色时是否在链接上加下划线。默认值为“下划线链接”，因为在大多数网站上，当链接的颜色与页面上其余文本的颜色相同时，将很难看到它们。但是某些用户不希望链接带有下划线。现在，如果在更改文字大小后行高过小，则会调整行高 2018年3月21日-版本1.2.9-专业版和版本1.2.5-精简版-现在使用自定义颜色选择器而不是HTML 5颜色选择器，因为现在某些Windows用户遇到的错误与Mac OS用户相同具有HTML 5颜色选择器窗口打开和扩展弹出窗口关闭的功能。使用自定义颜色选择器可修复该错误 2017年5月8日-版本1.2.4-在专业版中，您现在可以为您访问的每个网站更改字体类型（字体系列），然后将保存字体系列 2017年4月20日-版本1.2.3-在扩展程序弹出窗口中添加了注释，说明扩展程序不适用于特殊的chrome：//页面或Chrome网上应用店 2017年4月12日-1.2.2-Mac OS X的错误修复。我相信我已经修复了一些Mac用户遇到的无法更改颜色的错误。显然，Chrome扩展程序在使用HTML 5颜色选择器的Mac OS中存在一个错误，该问题是当颜色选择器打开时，扩展程序弹出窗口关闭，导致弹出窗口无法识别颜色命令。现在为Mac用户使用其他颜色选择器 2017年4月9日-1.2.1-向颜色选择器添加了更改事件，以查看是否可以解决某些无法更改文本颜色或背景颜色的用户的问题 2016/9/12-1.2-现在，当您首次安装此扩展程序或将其禁用并重新启用时，您可能不必重新加载当前页面 2015年8月12日-1.1-修复了警报“错误：无法建立连接。”首次安装扩展程序时，单击A +图标时。现在，它告诉用户刷新页面 2015年8月12日-1.0-创建了A + FontSize Changer 支持语言:English

HTML 1.html基本结构 <!DOCTYPE html> 声明当前的html文档是 html5 <html></html> 根标签（根节点）一个网页中只有一个 <head></head> 头部标签放页面的一些描述信息 <meta> 描述 charset="UTF-8" 告诉浏览器这个文档编码格式是UTF-8 <title></title> 告诉浏览器当前网页的标题

l软件架构1，C/S client/server 客户端/服务器本地需要安装一个客户端，远程需要一个服务器端如：电脑上安装软件，QQ，迅雷安装、部署、开发比较麻烦用户体验好点2，B/S browser/server 浏览器/服务器用户只需要安装浏览器，然后输入不同的网址，访问不同的服务器如:淘宝网、京东、百度... 安装、部署、开发比较简单缺点：对于服务器的硬件要求比较高，用户量大的时候，体验差 BS架构资源划分静态资源：

HTML4/HTML5+CSS2/CSS3 一、HTML 1.什么是HTML 语义化，有什么好处是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），简单来说就是，标签用语义化的英文单词或者单词缩写，比如段落使用，侧边栏用，便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。好处`： 1.1有助于构架良好的HTML结构 1....

39,087

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章