次のタグが付いている新しい回答: css
2
票
Accepted
正円の中でテキストを折り返し表示する場合、正円の中から外へはみ出さないテキスト文字数のカウントの仕方は?
「1文字のフォントサイズ」と「テキスト文字数」が分かれば、そこから外へはみ出さない正円サイズを算出できるかも
厳密に求めるなら、おそらく「円のサイズを仮決めしてから実際に文字を配置して足りるかどうかチェック」で二分探索する必要がある気がします。
簡単にするなら、「文字が占める予想面積の正方形が入る正円よりちょっと大きめ」ぐらいでいいんじゃないでしょうか。Math.sqrt(行の高さ * ...
3
票
Accepted
テキストを囲うdiv枠を、文字の長さに応じて常にcssで正円に表示したい
border-radius で円を作るなら、aspect-ratio でボックスが正方形になることを保証して、flexible box でセンタリングするのはいかがでしょうか。
div{
display: inline-flex; /* センタリングのため変更 */
border-radius: 50%;
background-color: yellow;
aspect-...
1
票
Accepted
html の select タグで表示するリストが画面外にいった場合に画面内に移動させる方法
SELECTタグにdir="rtl"を付けてあげてみてください。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
select {
width: 100px;
}
.container {
...
上位 50 件の最近の回答が含まれています
関連するタグ
css × 669html × 374
javascript × 189
jquery × 85
html5 × 63
php × 23
sass × 18
ruby-on-rails × 17
wordpress × 16
bootstrap × 16
monaca × 14
twitter-bootstrap × 12
ios × 11
font × 11
safari × 9
reactjs × 8
python × 7
onsen-ui × 7
google-chrome × 7
internet-explorer × 7
ruby × 6
vscode × 6
vue.js × 6
svg × 6
android × 5