コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

90度回転したdiv内の各単語を回転させる方法 back_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:52:02
オリジナル
2462 人が閲覧しました

ウェブサイトでは、図に示すように、easyAccordion を使用して div 全体を 90 度回転し、フォントも回転させています

次に、転送したテキストを元に戻したいのですが、スタイルをどのように設定すればよいですか?


ディスカッション（解決策）に返信

個別の効果を変更することはできません。 ?各行に 1 つの単語が収まるように div の幅を狭めれば十分ではないでしょうか? 

font-size: 14px;word-wrap: break-word;word-break: normal;width: 14px;
ログイン後にコピー


幅制限を追加し、フォント サイズを設定し、行の折り返しプロパティを追加します。

関連ラベル：
如何将旋转90度的div中的每一个字再旋转回来
ソース：php.cn
前の記事：CSSマスクの実装layer_html/css_WEB-ITnose 次の記事：Webフロントエンド開発ツール sublime_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法 私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです...
から 2024-04-01 09:43:54
0
1
349
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート