問題タブ [fixed-width]

さて、サイトに実装する必要があるマップの側面について、流動的な css を検討しています。私が欲しかったものに似たこのデモを見つけました：

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/

左の列と右の列を流動的にして、より大きなブラウザー ウィンドウで展開できるようにする方法はありますか。しかし、それぞれ 175px など、特定の幅以下に制限することはできませんか?

そのため、一部のユーザーのためにブラウザーのスペースがもっとある場合は、それを使用できるようにして、3 つの列すべてを流動的にできるようにしたいと考えています。ただし、ブラウザー ウィンドウがどれほど小さくても、左右の列が特定の幅を下回ることはありません (モバイル アプリではなく、モバイル ブラウザーを除く)。

Mac OS X 上の Cocoa で、1 つの列にイーサネット ハードウェア MAC アドレスが含まれる NSTableView を作成したいと考えています。また、各行の MAC アドレスの文字を、上下の行の MAC アドレスの文字とすべて揃えたいと考えています。 . 表の他のすべての列にプロポーショナル フォントを使用したいのですが、この 1 つの列を別の非プロポーショナル フォントに切り替えるのは不快すぎます。見た目が悪いです。表の残りの部分と同じ書体を MAC アドレス列にも使用したいと思います。

したがって、プロポーショナル書体を使用していても、Cocoa のテキスト レイアウト エンジンに、この列のテキストを非プロポーショナル (固定幅、等幅) でレイアウトさせたいと思っています。

それを行う方法についてのアイデアはありますか？

これらが単なる 10 進数であれば問題はありませんが、MAC アドレスは 16 進数であるため、文字 af が含まれているため、間隔と垂直方向の位置合わせが乱れます。

次の形式で解析する必要のあるファイルがあります。（すべての区切り文字はスペースです）：

私は単一行の固定幅ファイルを解析する方法に精通していますが、複数行を処理する方法に困惑しています。

jsFiddleの表示 または JS Binの表示

私は今日、Fluid レイアウトと Fixed width レイアウトの両方を組み合わせて、レスポンシブ レイアウトの構築を高速化できるこのアイデアを思いつきました。また、レイアウトでのパーセンテージの使用がより適切に機能するようになります。

これを行うために、フレームレス グリッド システムと同様のアイデアを使用しています。

「ピクセルごとではなく、列ごとに適応させます。」

カラムを使用するのではなく、サイズ1 unitを一度に調整しています。jsFiddleの例は一度に調整10pxします。この例は、パーセンテージを使用する際にこれがどのように役立つかを示しています。@mediaと でスタイルを使用してこれをmax-width行いmin-widthます。

私が遭遇した問題は、すぐに多くの@mediaスタイルがあり、すべてを手動で入力する必要があるということです. そこで、かなり単純な jQuery プラグインを使用するだけでよいと考えました。ただし、私は jQuery の知識が限られているため、これがどのように行われるかについては、jsFiddleでマップした漠然とした考えしかありません。

jsFiddleの表示 または JS Binの表示

CSS@mediaスタイルの一部を次に示します。

そして、マッピングされたjQuery Fiddle

jsFiddleの表示 または JS Binの表示

Filehelpersライブラリを使用してファイルを解析しようとしています。私のファイルは次のようになります。

私のファイルには、異なる列定義を持つ行が含まれています。行の「タイプ」は、2番目の列の文字によって定義されています。つまり、上記のサンプルでは、​​「A」行の後に3つの「B」行が続きます。

Filehelpersでは、ファイルヘルパーエンジンをインスタンス化するときに行を定義するために使用されるCLRタイプを渡すか、以下のように汎用バージョンを渡す必要があります。

これは、ファイル内のすべての行を定義するために単一のタイプに制限されていることを意味します。このようなファイルを解析し、指定された行の一部に基づいてレコードタイプを条件付きで指定する方法はありますか？

固定幅のファイルを許可されたファイルに変換するために、データ部門のコンバーターコードを書いています。通常、ファイルをExcelにインポートし、テキストインポートウィザードを使用してフィールドの長さを設定してから、csvとして保存します。ただし、数百万レコードの長さのファイルを取得し始めたため、Excelにインポートできないという制限に遭遇しました。ファイルのフィールド間、特に電話番号や郵便番号などの値フィールドの間にスペースがあるとは限りません。ヘッダーもスペースなしで完全に埋められることがよくあります。

私たちが扱っている典型的な固定幅ファイルのサンプル：

プログラムは、ファイルを次の区切られたフィールドに分割する必要があります。

Sequen SackandPa
フルネーム
役職
病院
名
配達先住所
代替住所1
計算されたテキスト
POSTNETバー

各ファイルは、残りのジョブに応じて、各フィールドの幅がわずかに異なります。私が探しているのは、固定幅ファイル用のExcelインポートウィザードによく似たGUI指向の区切り文字です。このツールは、ファイルを複数に分割したり、ファイルを反転したり、区切り文字から固定幅に変換したり、チェックディジットをチェックしたりするなど、他の多くのファイル操作を行う大きなツールの一部としてPythonで作成しています。私は残りのツールにTkinterを使用していますが、ソリューションでもTkinterを使用するのが理想的です。

助けていただければ幸いです

列の数が変更される可能性のあるテーブルがあります（1から10）。ただし、1つの列は常に固定幅のままにして、余分なスペースがないか、折り返されないようにする必要があります（テーブルの行を追加または削除します）。

テーブルの幅は合計800ピクセル以下にする必要があります。送信ボタンを、右側にフロートさせたいのですが。

変化するテーブルの列幅をパーセンテージで設定し、1つの静的列を固定ピクセル幅として設定する方法はありますか？それとも問題が発生しますか？私はいくつかの異なるアプローチを試しましたが、すべてが最適ではないようです。これを行うためのエレガントな方法はありますか？参考のために写真を添付し​​ました：http：//bayimg.com/BAlLLaaDP。

HTML：

HTML の段落テキストを完全に揃えて表示したいので (MS Word ファイルで起こるように)、フォーマットと固定幅の段落内のテキスト配置の「両端揃え」に問題があります。ただし、これは起こりません。それを達成するために何を変更する必要がありますか？

編集:<pre>タグをタグに置き換える<p>と、コードは正しく機能します。誰かが私に理由を説明できますか？<pre>タグの使い方が間違っているのかもしれません。

固定幅の div に収まるようにテキストのサイズを自動的に変更するソリューションを探しています。

唯一のトリッキーなことは、それらのいくつかでは、両方のフォントサイズを最小サイズに一致させる必要があることです (両方の要素が常に同じサイズであることを保証するため)。同じクラス名または相関関係を示す何か。

ありがとう！