試行錯誤ページ151

img src=”http://eigoblock.net/wp-content/uploads/2017/07/〇〇gazou.png” alt=”” width=”” height=”” /
※一部 9月のもの(2017/09)もある

画像を使ったもの(試行錯誤ページ150はショートコード使用)

mini6holespocketbookmihirakigazou

? !

? !

? !

mini6holespocketbookmihirakigazou

? !

? !

? !

 
↓cssで一文字ずつの文字位置を指定(試行錯誤ページ161にもあり)mini2holespocketbookmihirakigazou2moji

mini6holespocketbookmihirakigazou2moji

mini2colorsfilemihirakigazou2moji

 
 
mini6holespocketbookmihirakigazou2mojigradient

 
 
mini2holespocketbookmihirakigazou2mojigradient

 
 
mini2colorsfilemihirakigazou2mojigradient

 
 
 
mini2holespocketbookmihirakigazou2mojiflashing

mini6holespocketbookmihirakigazou2mojiflashing

mini2colorsfilemihirakigazou2mojiflashing

 
↑cssで一文字ずつの文字位置を指定(試行錯誤ページ161にもあり)

 

↓この方法だと端末によって文字位置が変わってしまう。
mini6holespocketbookmihirakigazou

確 認

確 認

確 認

mini2holespocketbookmihirakigazou

復 習

復 習

復 習

mini2colorsfilemihirakigazou

メ モ

メ モ

メ モ

↑この方法だと端末によって文字位置が変わってしまう。

 
mini2colorsfilegazou

1234567890abcdefghijklあいうえおかさしすけそたなにぬねのはまみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

mini2holesfilecovergazou

1234567890abcdefghijklmnopqrstuvあいうえおかきくけこさし

あいうえおか
 
あいうえおか
 
あいうえおか
 

1234567890
 
abcdefghijkl
 
mnopqrstuv
 

mini2holesfilegazou

1234567890abcdefghijklmnopqrstuvあいうえおかきくけこさし

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか
きくけこさし
すせそたちつ

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか
きくけこさし
すせそたちつ

mini2holesfileyokogazou

1234567890abcdefghijklあいうえおか

1234567890
abcdefghijkl
あいうえおか

1234567890
abcdefghijkl
あいうえおか

mini2holespocketbookgazou

1234567890abcdefghijklmnopqrstuvあいうえ

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか

mini6holespocketbookgazou

1234567890abcdefghijklmnopqrstuvあいうえ

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか

mininotebookcovergazou

1234567890abcdefghijklmnopqrあいうえおかきくけこさしすせそたちつてとなにぬね

1234567890abc
defghijklmnopqr
あいうえおかきく
けこさしすせそた
ちつてとなにぬね

1234567890abc
defghijklmnopqr
あいうえおかきく
けこさしすせそた
ちつてとなにぬね

minipictureframegazou

1234567890abcdefghijklmnopqrstuvwあいうえおか

1234567890
abcdefghijkl
mnopqrstuvw
あいうえおか

1234567890
abcdefghijkl
mnopqrstuvw
あいうえおか

minishikishigazou

1234567890abcdefghijklmnopqrstuvwxyzあいうえおか

1234567890
abcdefghijkl
mnopqrstuvwxyz
あいうえおか

1234567890
abcdefghijkl
mnopqrstuvwxyz
あいうえおか

minitangochowidth170gazou(2017/09) tableのwidth190

あいうえおか

あいうえおか

あいうえおか

minitangochowidth200gazou(2017/09) tableのwidth210

あいうえおか

あいうえおか

あいうえおか

minitangochogazou

あいうえおか

あいうえおか

あいうえおか

minitangochowidegazou

あいうえおかあいうえおかあいうえおか

あいうえおか
あいうえおか
あいうえおか

あいうえおか
あいうえおか
あいうえおか

minitangochowidewidth170gazou

あいうえおかあいうえおかあいうえおか

あいうえおか
あいうえおか
あいうえおか

あいうえおか
あいうえおか
あいうえおか

minitangochowidewidth200gazou

あいうえおかあいうえおかあいうえおか

あいうえおか
あいうえおか
あいうえおか

あいうえおか
あいうえおか
あいうえおか

miniwidefilegazou

1234567890abcdefghijklmnopqrstuvあいうえおかきくけこさし

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか
きくけこさし

1234567890
abcdefghijkl
mnopqrstuv
あいうえおか
きくけこさし

miniwidefileheadcovergazou

1234567890aあいうえおかきさしすけそたちなにぬねのはひまみむめもやゆ

1234567890a
あいうえおかき
さしすけそたち
なにぬねのはひ
まみむめもやゆ

1234567890a
あいうえおかき
さしすけそたち
なにぬねのはひ
まみむめもやゆ

minitatekanbangazou

1234567890abcあいうえおかきく

miniboardgazou

1234567890abcあいうえおかきく

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abcあいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

1234567890abc
あいうえおかきく
 

mininotebookgazou

1234567890abcdefghijklmnopqrstuvwあいうえおかきくけこさしすせそたちつ

1234567890abcdefghijklmnopqrstuvwあいうえおかきくけこさしすせそたちつ

mininotebookyokogazou

1234567890abcdefghijklmn

1234567890abcdefghijklmn

miniclippapergazou

1234567890abcdefghijklmnopqrstuvwxあいうえおかき

1234567890
abcdefghijkl
mnopqrstuvwx
あいうえおかき
 

1234567890
abcdefghijkl
mnopqrstuvwx
あいうえおかき
 

minicanvasgazou

1234567890abcあいうえおかきくさしすけそたちつなにぬねのはひふ

1234567890abc
あいうえおかきく
さしすけそたちつ
なにぬねのはひふ
 

1234567890abc
あいうえおかきく
さしすけそたちつ
なにぬねのはひふ
 

miniclipboardgazou

1234567890abcdefghijklmno

1234567890
abcdefghijklmno
 

1234567890
abcdefghijklmno
 

↓ サイズ検証用

第888問
第888問

第999問
第999問

第000問
第000問

↑表の幅が160、画像の右端が切れている(縮小している)

第888問
第888問

第999問
第999問

第000問
第000問

↑表の幅が165

第888問
第888問

第999問
第999問

第000問
第000問

↑表の幅が170

↓うまくいかない(レスポンシブで 右端が きれてしまう)

第888問

第999問

第000問

1234567890
abcdefghijkl
mnopqrstuvwxyz
あいうえおか
きくけこさし
 
1234567890
abcdefghijkl
mnopqrstuvwxyz
あいうえおか
きくけこさし
 
1234567890
abcdefghijkl
mnopqrstuvwxyz
あいうえおか
きくけこさし
 
1234567890
abcdefghijklmno
あいうえおかきく
 
1234567890
abcdefghijklmno
あいうえおかきく
 
1234567890
abcdefghijklmno
あいうえおかきく
 
1234567890abc
defghijklmnopqr
あいうえおかきく
けこさしすせそた
ちつてとなにぬね
1234567890abc
defghijklmnopqr
あいうえおかきく
けこさしすせそた
ちつてとなにぬね
1234567890abc
defghijklmnopqr
あいうえおかきく
けこさしすせそた
ちつてとなにぬね

↑うまくいかない(レスポンシブで 右端が きれてしまう、ノートだけは右端切れない)


↓1(top 10px left 10px)~6(top 60px left 60px)
mini2colorsfilebluegazou

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

1234567890
abcdefghijkl
あいうえおか
さしすけそた
なにぬねのは
まみむめもや

↓iphone se の画面サイズ検証用

1234567890abcdefghijklmnopqrstuvwxyzあいうえおかきくけこさしすせそたちつてとなにぬねの(この部分までは枠内に入る)
 
 

↑ 『なにぬねの(この部分までは』までが枠内に入るように狭めるとiphone seのサイズ

1234567890abcdefghijklmnopqrstuvwxyzあいうえおかきくけこさしすせそたちつてとなにぬねの1234567890abcdefghijklmnopqrstuvwxyzあいうえおかきくけこさしすせそたちつてとなにぬねの(この部分は下の枠内に重なる)
 
 

↑ 『なにぬねの(この部分は下の』が下の枠線に重なるように狭めるとiphone seのサイズ