1. mpyw

    No comment

    mpyw
Changes in body
Source | HTML | Preview
@@ -13,11 +13,11 @@
実はこれらの問題を鮮やかに **CSS3** だけで解決する方法がありました。
# 実装
-以下のように記述すれば実現できます。
+以下のようなクラスを適用すれば実現できます。
```css:CSS
.trim {
/* 任意 */
@@ -32,18 +32,10 @@
-o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */
}
```
-```html+php:HTML+PHP
-<ul>
-<?php foreach ($titles as $title): ?>
- <li class="trim"><?=htmlspecialchars($title, ENT_QUOTES, 'UTF-8')?></li>
-<?php endforeach; ?>
-</ul>
-```
-
**※ インライン要素が対象の場合、`display` プロパティの値を `inline-block` または `block` に設定する必要があります。**
# SEO面での問題点(?)
```css