当前位置： 文江博客话题详情

html的翻转级联

发布于 2024-11-27 18:35:14 字数 64 浏览 2 评论 0原文

菜鸟问题，但也很有趣。

是否有办法反转 HTML 文档的流程，以便内容自动挂在右下角并从那里向上？

原文

Noobie question but interesting one aswell.

Is there anyway to reverse the flow of HTML documents so that things automatically hang to the bottom right and go up from there?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（2）

这个俗人 2024-12-04 18:35:14

你可以这样做：

<HTML dir="RTL">

让东西附着在右边。

对于从上到下的操作，您必须自己执行此操作，或在脚本中执行此操作。

只是为了好玩，我会看看是否可以使用 jQuery 写一些东西。我会把它发布在这里。

试试这个：

function rev(el) {
  $('>*', el).each(function () {
    rev(this);
    $(this).prependTo(el);
  })
}

rev($('body'));

这有点有趣:)

也可以这样做，以获得更多乐趣：

$('body *')

 .contents()

 .each(function() {

   if(this.nodeType == 3) {

     this.textContent = this.textContent.

      replace(/a/g, 'ɐ').

      replace(/b/g, 'q').

      replace(/c/g, 'ɔ').

      replace(/d/g, 'p').

      replace(/e/g, 'ǝ').

      replace(/f/g, 'ɟ').

      replace(/g/g, 'ƃ').

      replace(/h/g, 'ɥ').

      replace(/i/g, 'ı').

      replace(/j/g, 'ɾ').

      replace(/k/g, 'ʞ').

      replace(/l/g, 'ʃ').

      replace(/m/g, 'ɯ').

      replace(/n/g, 'u').

      replace(/o/g, 'o').

      replace(/p/g, 'd').

      replace(/q/g, 'b').

      replace(/r/g, 'ɹ').

      replace(/s/g, 's').

      replace(/t/g, 'ʇ').

      replace(/u/g, 'n').

      replace(/v/g, 'ʌ').

      replace(/w/g, 'ʍ').

      replace(/x/g, 'x').

      replace(/y/g, 'ʎ').

      replace(/z/g, 'z').

      replace(/A/g, '∀').

      replace(/B/g, '

You can do:

<HTML dir="RTL">

To make things attach to the right.

For top to bottom you'd have to do that yourself, or in a script.

Just for fun I'll see if I can write something using jQuery. I'll post it here.

Try this:

function rev(el) {
  $('>*', el).each(function () {
    rev(this);
    $(this).prependTo(el);
  })
}

rev($('body'));

That was kinda fun :)

Do this as well, for more fun:

$('body *')
 .contents()
 .each(function() {
   if(this.nodeType == 3) { 
     this.textContent = this.textContent.
      replace(/a/g, 'ɐ').
      replace(/b/g, 'q').
      replace(/c/g, 'ɔ').
      replace(/d/g, 'p').
      replace(/e/g, 'ǝ').
      replace(/f/g, 'ɟ').
      replace(/g/g, 'ƃ').
      replace(/h/g, 'ɥ').
      replace(/i/g, 'ı').
      replace(/j/g, 'ɾ').
      replace(/k/g, 'ʞ').
      replace(/l/g, 'ʃ').
      replace(/m/g, 'ɯ').
      replace(/n/g, 'u').
      replace(/o/g, 'o').
      replace(/p/g, 'd').
      replace(/q/g, 'b').
      replace(/r/g, 'ɹ').
      replace(/s/g, 's').
      replace(/t/g, 'ʇ').
      replace(/u/g, 'n').
      replace(/v/g, 'ʌ').
      replace(/w/g, 'ʍ').
      replace(/x/g, 'x').
      replace(/y/g, 'ʎ').
      replace(/z/g, 'z').
      replace(/A/g, '∀').
      replace(/B/g, '????').
      replace(/C/g, 'Ↄ').
      replace(/D/g, '◖').
      replace(/E/g, 'Ǝ').
      replace(/F/g, 'Ⅎ').
      replace(/G/g, '⅁').
      replace(/H/g, 'H').
      replace(/I/g, 'I').
      replace(/J/g, 'ſ').
      replace(/K/g, '⋊').
      replace(/L/g, '⅂').
      replace(/M/g, 'W').
      replace(/N/g, 'ᴎ').
      replace(/O/g, 'O').
      replace(/P/g, 'Ԁ').
      replace(/Q/g, 'Ό').
      replace(/R/g, 'ᴚ').
      replace(/S/g, 'S').
      replace(/T/g, '⊥').
      replace(/U/g, '∩').
      replace(/V/g, 'ᴧ').
      replace(/W/g, 'M').
      replace(/X/g, 'X').
      replace(/Y/g, '⅄').
      replace(/Z/g, 'Z').
      replace(/!/g, '¡').
      replace(/"/g, '„').
      replace(/&/g, '⅋').
      replace(/'/g, ',').
      replace(/,/g, '\'').
      replace(/\(/g, ')').
      replace(/\)/g, '(').
      replace(/\./g, '˙').
      replace(/1/g, 'Ɩ').
      replace(/2/g, 'ᄅ').
      replace(/3/g, 'Ɛ').
      replace(/4/g, 'ᔭ').
      replace(/5/g, 'ϛ').
      replace(/6/g, '9').
      replace(/7/g, 'Ɫ').
      replace(/8/g, '8').
      replace(/9/g, '6').
      replace(/0/g, '0').
      replace(/;/g, '؛').
      replace(/</g, '>').
      replace(/>/g, '<').
      replace(/{/g, '}').
      replace(/}/g, '{')
   }
 });
回复 原文
迷途知返 2024-12-04 18:35:14

哦，如果您使用笔记本电脑或平板电脑，这相当容易。但是，如果您有台式机，则使显示屏保持直立可能会比较困难。有时管道胶带和一些创意木制品会有所帮助。

但是，如果您的显示器已连接，则不会。 HTML 始终从上到下呈现。

Oh, that's rather easy if you are using a laptop or a tablet. If you have a desktop, however, it can be harder to get the display to stay upright. Sometimes duct tape and some creative woodwork can help.

If your monitor is attached, however, then no. HTML always renders from the top down.

回复 原文
~没有更多了~

关于作者

我的奇迹

暂无简介

文章
评论
28 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

櫻之舞

文章 0 评论 0

弥枳

文章 0 评论 0

m2429

文章 0 评论 0

寻找一个思念的角度

文章 0 评论 0

野却迷人

文章 0 评论 0

我怀念的。

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文