0

私が作成したドロップ ダウン ナビゲーションは、2 行目を作成するのではなく、li 内のテキストを li 境界の外に出します。

li テキストが次の行に移動するようにするにはどうすればよいですか?

これは、li 拡張テキスト、アンナプルナ ベース キャンプ トレッキング テキストの写真です。

ここに私のコードがあります

#navigationSecond ul li ul{
visibility:hidden;
position:absolute;
width:182px;
list-style:none;
top:38px !important;
height:auto;
border-top:2px #FFF solid;
background:#FFF;

}

ナビゲーションSecond ul li ul li{

float:none;

border-radius:6px;
padding:10px 0px 10px 0px;
border:#FFF 1px solid;
margin:0 !important;
height:auto;

}

ナビゲーションSecond ul li ul li a{

display:block;
padding:0px 0px 0px 20px;

color:#000;
font-weight:bold;
font-size:13px;
text-shadow:#FFF 0px 1px 0px;
text-decoration:none;
overflow:auto;
height:auto;

}

4

3 に答える 3

1

テキストがliの外側に出て、liの幅が固定されている場合は、liの幅を設定すると、内側に保持されます。

#navigationSecond ul li{width:120px;}
于 2012-04-26T10:18:30.493 に答える
0

word-wrap: break-word;次の行に表示するテキストに使用できます 。このリンクを確認してくださいhttp://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap

于 2012-04-26T09:55:36.903 に答える
0

liタグに適切な幅を設定してください。

于 2012-04-26T10:04:49.353 に答える