认领该文档的翻译工作。文章链接: <a href="https://github.com/cfug/flutter.cn/tree/m

我检查了下 debug.flutter.cn 的<a href="https://debug.flutter.cn/docs/get-started/flutter-for

你应该对代码进行单独排版，比如： <div class="snippet-clipboard-content notranslate position-relati

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

谢谢雪狼兄在微信上的解答，这里我注意到代码块儿里上下是没有变动的，所以我在想这里正确的表示是否应该是： <div class="snippet-clipboard-

[翻译] /docs/get-started/flutter-for/web-devs.html about flutter.cn HOT 10 CLOSED

cfug commented on August 20, 2024

[翻译] /docs/get-started/flutter-for/web-devs.html

from flutter.cn.

Comments (10)

chenglu commented on August 20, 2024 1

谢谢涛哥，也谢谢涛哥在知乎上的发文。

from flutter.cn.

chenglu commented on August 20, 2024

谢谢涛哥。

from flutter.cn.

hijiangtao commented on August 20, 2024

我检查了下 debug.flutter.cn 的展示，发现涉及到列表的部分中，译文和原文是同时展示的，并未对原文自动折叠，效果类似下方这样:

我翻译的时候是采用下方这种形式分列中英文内容的，看上去似乎有些问题，正确的方式应该是？看上去我应该对这部分内容修改一下，以使译文正常展示（原文默认折叠）：

* 原文
* 原文

* 中文
* 中文

from flutter.cn.

asnowwolf commented on August 20, 2024

你应该对代码进行单独排版，比如：

* english

    中文

   `some code`

而不是

* english

   `some code`

    中文

   `some code`

如果仍然有问题，请把出问题的行号在这里引用一下。

from flutter.cn.

hijiangtao commented on August 20, 2024

@asnowwolf 你的意思是列表中每项对应的译文应该在其下方（代码上方）进行缩进排布么？且不再需要单独 * 用于指明其是列表中的一项？以及中英文之间我理解应该加上一行空行？

我原先的排版方式

	这些示例包含如下假设：
	
	* The HTML document starts with `<!DOCTYPE html>`, and the CSS box model
	  for all HTML elements is set to
	  [`border-box`](https://css-tricks.com/box-sizing/),
	  for consistency with the Flutter model.
	  ```css
	  {
	    box-sizing: border-box;
	  }
	  ```
	
	* HTML 文件以 `<!DOCTYPE html>` 开头，且为了与 Flutter 模型保持一致，所有 HTML 元素的 CSS 盒模型被设置为 [`border-box`](https://css-tricks.com/box-sizing/)。
	  ```css
	  {
	    box-sizing: border-box;
	  }
	  ```

按照理解我应该改为：

	这些示例包含如下假设：
	
	* The HTML document starts with `<!DOCTYPE html>`, and the CSS box model
	  for all HTML elements is set to
	  [`border-box`](https://css-tricks.com/box-sizing/),
	  for consistency with the Flutter model.
	
	  HTML 文件以 `<!DOCTYPE html>` 开头，且为了与 Flutter 模型保持一致，所有 HTML 元素的 CSS 盒模型被设置为 [`border-box`](https://css-tricks.com/box-sizing/)。
	  ```css
	  {
	    box-sizing: border-box;
	  }
	  ```

from flutter.cn.

asnowwolf commented on August 20, 2024

没错。
不过在 ```css 之前建议加一个空行，这样会更明确。反正它也会渲染成块元素，所以有没有空行不影响渲染，但是在代码层面的感受会更直观一些。

from flutter.cn.

asnowwolf commented on August 20, 2024

原理上，它会单独渲染 li 下的内容，变成多个块元素。把它们看做一篇独立的子文档即可。

from flutter.cn.

hijiangtao commented on August 20, 2024

@asnowwolf 多谢解答。我刚准备提 PR 修改这个地方发现程路已经改过了，谢谢大家。

from flutter.cn.

chenglu commented on August 20, 2024

谢谢雪狼兄在微信上的解答，这里我注意到代码块儿里上下是没有变动的，所以我在想这里正确的表示是否应该是：


* The HTML document starts with `<!DOCTYPE html>`, and the CSS box model
  for all HTML elements is set to
  [`border-box`](https://css-tricks.com/box-sizing/),
  for consistency with the Flutter model.

  HTML 文件以 `<!DOCTYPE html>` 开头，且为了与 Flutter 模型保持一致，所有 HTML 元素的 CSS 盒模型被设置为 [`border-box`](https://css-tricks.com/box-sizing/)。

  ```css
  {
    box-sizing: border-box;
  }

from flutter.cn.

asnowwolf commented on August 20, 2024

没错，就是这样写

from flutter.cn.

[翻译] /docs/get-started/flutter-for/web-devs.html about flutter.cn HOT 10 CLOSED

Comments (10)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent