●検索結果をわかりやすくする
https://gyazo.com/2507754e7805a6f3f62fc666dcef6a20
https://gyazo.com/cb2a00ef7bf0cd623c4235e850a0122b
code:style.css
/* 検索ワードを強調 */
.list li.page-list-item a .description strong {
background-color: yellow;
}
/* 本文内の検索結果にスクロールバーをつけたり */
.page-list.clearfix > .list:not(.create-searched-page) li.page-list-item a .description {
max-height: 70px;
margin: 10px 0;
overflow-y: auto;
border-style: solid hidden;
}
/* 本文内の検索結果を行ごとに改行させる */
.page-list.clearfix > .list:not(.create-searched-page) li.page-list-item a .description span {
display: block;
}
検索結果の改行は、display: block;にせずに
code:x.css
.page-list.clearfix > .list:not(.create-searched-page) li.page-list-item a .description span::after {
content: "\A" ;
white-space: pre ;
}
でも可