質問編集履歴

4

修正

2022/06/08 08:01

投稿

wkbsyt
wkbsyt

スコア25

test CHANGED
File without changes
test CHANGED
@@ -3,8 +3,8 @@
3
3
  現時点ではhtmlとcssにて画像のような形には表示ができましたが、ページを跨いだ場合にカッコが意図しない位置にずれてしまいます。
4
4
  そこでjavascriptも使うことで画像の表示ができないかと考えました。
5
5
 
6
- 画像htmlとcssにて表示させたものになります。
6
+ 青線加工した状態で、段跨ぎ、ページ跨ぎをし表示としてはこ状態したいです。
7
- ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-08/a8b7b2e4-8bf9-4c3c-821e-a367ac1e70f4.png)
7
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-08/7d58dddc-ad06-4727-bac0-a215f023d756.png)
8
8
 
9
9
  ### 試したhtmlとcss
10
10
 

3

追記

2022/06/08 05:53

投稿

wkbsyt
wkbsyt

スコア25

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  ### 試したhtmlとcss
10
10
 
11
- ```ここに言語を入力
11
+ ```html
12
12
  <!DOCTYPE html>
13
13
  <html lang="ja">
14
14
  <head>
@@ -25,7 +25,7 @@
25
25
 
26
26
  </html>
27
27
  ```
28
- ```ここに言語を入力
28
+ ```css
29
29
 
30
30
  body {
31
31
  /* 組方向(縦組み) */

2

文章の修正

2022/06/08 05:22

投稿

wkbsyt
wkbsyt

スコア25

test CHANGED
@@ -1 +1 @@
1
- mathJaxを用い組の文字列のカッコ囲み表示を実現したい
1
+ javascripthtml、cssを用い書き文字列のカッコ囲み表示を実現したい
test CHANGED
@@ -1,12 +1,10 @@
1
1
  ### 実現したいこと
2
- mathJaxを用いて縦組の文字列に以下ようなカッコをつけて表示をさせたいです。
2
+ javascripthtml、cssを用いて縦書き文字列のカッコ囲み表示をさせたいです。
3
+ 現時点ではhtmlとcssにて画像のような形には表示ができましたが、ページを跨いだ場合にカッコが意図しない位置にずれてしまいます。
4
+ そこでjavascriptも使うことで画像の表示ができないかと考えました。
3
5
 
4
6
  ※画像はhtmlとcssにて表示させたものになります。
5
7
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-08/a8b7b2e4-8bf9-4c3c-821e-a367ac1e70f4.png)
6
-
7
- ### 試したこと
8
- htmlとcssとで文字をカッコで囲むことはできましたが、ページを跨ぐ場合だとカッコの表示が崩れてしまい、別の方法がないか調べています。
9
- その中でhtmlにjavascriptを埋め込んで何か解決する方法がないかと考え、数式を表現するmathJaxに行きつきました。これを利用すればと思いましたがどのように適用すればやりたい形ができるのかご教授いただきたいです。
10
8
 
11
9
  ### 試したhtmlとcss
12
10
 

1

文章の追記

2022/06/08 05:07

投稿

wkbsyt
wkbsyt

スコア25

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,7 @@
1
1
  ### 実現したいこと
2
2
  mathJaxを用いて縦組の文字列に以下のようなカッコをつけて表示をさせたいです。
3
3
 
4
+ ※画像はhtmlとcssにて表示させたものになります。
4
5
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-08/a8b7b2e4-8bf9-4c3c-821e-a367ac1e70f4.png)
5
6
 
6
7
  ### 試したこと