続きを読むボタンを文章の有無で表示/非表示したい

前提・実現したいこと

データベースから空白データが呼び出された時のみ、
「続きを読む」ボタンを非表示にしたい。
または、文字数かemptyやblamkなどの条件分岐で、
「続きを読む」を動かす<div>タグを停止させたい。

発生している問題・エラーメッセージ

スマホ用のページを見やすくする為に
メディアクエリを使って「続きを読む」形式を実装したものの、
データベース（mySQL）から空白データが返ってきた時も
「続きを読む」ボタンが表示されてしまう。

webgoto

2021/08/25 00:14

現状、情報が少ないため、何の言語でmysqlを使用しているか、書き出されるHTML、CSS等を記載された方が回答を得られやすいかとは思いますが、流れとしては、サーバーの言語でデータが空の場合はボタンのクラス名に.emptyを付けるようにして cssで.empty{display: none;}としてはどうでしょう。

eterna

2021/08/30 05:56

webgoto様別件でトラブルが起きたため質問していた作業が出来ず、返信が遅くなってしまい申し訳ありません。データベース操作以前に前任者が作ったCSS時点での流れが良くないらしく、結局、空白データ部分には手動で<a title="none">といった風なタグを流し込んで非表示させる事にしました。表示させる場合には無用な閉じタグが付いてしまい汚いのですが、一応の解決は見たので暫く動かしてみようと思っています。出来る筈の事が出来ないという逆説的な形で心苦しいのですが、流れの把握の際にアドバイスが非常に役に立ちました。遅くなりましたが改めて有難うございました。